feat: migration

.gitignore

@@ -3,3 +3,5 @@ node_modules/
 .nx/cache
 
 .turbo
+
+dist/

.prettierrc.json

@@ -1,6 +1,6 @@
 {
-    "trailingComma": "es5",
-    "tabWidth": 2,
-    "semi": false,
-    "singleQuote": true
-}
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": true
+}

.vscode/settings.json

@@ -1,13 +1,9 @@
 {
-    "editor.defaultFormatter": "dbaeumer.vscode-eslint",
-    "editor.codeActionsOnSave": {
-      "source.fixAll.eslint": "explicit"
-    },
-    "eslint.validate": [
-      "typescript",
-      "javascript",
-      "typescriptreact"
-    ],
-    "typescript.tsdk": "node_modules/typescript/lib",
-    "typescript.enablePromptUseWorkspaceTsdk": true
-}
+  "editor.defaultFormatter": "dbaeumer.vscode-eslint",
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "eslint.validate": ["typescript", "javascript", "typescriptreact"],
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true
+}

_pnpm-workspace.yaml

@@ -0,0 +1,4 @@
+packages:
+  - 'utils/*'
+  - 'clients/*'
+  - 'servers/*'

packages/accounts-client/src/app/(components)/FormLayout.tsx → clients/accounts-client/src/app/(components)/FormLayout.tsx

@@ -13,8 +13,6 @@ export const FormLayout = styled.section`
   display: flex;
   flex-direction: column;
 
-  box-shadow:
-    0 1px 3px rgba(0, 0, 0, 0.12),
-    0 1px 2px rgba(0, 0, 0, 0.24);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
 `

packages/accounts-client/tsconfig.json → clients/accounts-client/tsconfig.json

@@ -15,10 +15,10 @@
     "incremental": true,
     "plugins": [
       {
-        "name": "next"
-      }
+        "name": "next",
+      },
     ],
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "exclude": ["node_modules"],
 }

packages/billets-admin-client/app/auth/signin/page.tsx → clients/billets-admin-client/app/auth/signin/page.tsx

@@ -3,13 +3,16 @@
 import {
   LoginForm as LoginFormUI,
   type LoginFormRefHandle,
+  Toast,
 } from '@coldsurfers/hotsurf'
 import { useRouter } from 'next/navigation'
 import { useCallback, useEffect, useState, useRef } from 'react'
-import useLoginMutation from '@hooks/useLoginMutation'
-import { ME_QUERY } from '@hooks/useMeQuery'
-import storage from '@utils/storage/storage'
-import Loader from '@ui/Loader'
+import useLoginMutation from 'clients/billets-admin-client/hooks/useLoginMutation'
+import { ME_QUERY } from 'clients/billets-admin-client/hooks/useMeQuery'
+import storage from 'clients/billets-admin-client/utils/storage/storage'
+import Loader from 'clients/billets-admin-client/ui/Loader'
+// eslint-disable-next-line import/no-extraneous-dependencies
+import { View } from 'react-native'
 
 const SigninPage = () => {
   const router = useRouter()
@@ -63,17 +66,26 @@ const SigninPage = () => {
   }, [login])
 
   return (
-    <LoginFormUI
-      ref={formRef}
-      onPressLoginButton={login}
-      withRequestButtonUI
-      onPressRequestButtonUI={useCallback(() => {
-        router.push('/auth/request')
-      }, [router])}
-      isLoading={loading}
-      LoadingUI={<Loader />}
-      errorMessage={errorMessage}
-    />
+    <>
+      <LoginFormUI
+        ref={formRef}
+        onPressLoginButton={login}
+        withRequestButtonUI
+        onPressRequestButtonUI={useCallback(() => {
+          router.push('/auth/request')
+        }, [router])}
+      />
+      {loading && <Loader />}
+      {errorMessage && (
+        <View style={{ position: 'absolute', bottom: 20, left: 0, right: 0 }}>
+          <Toast
+            type="error"
+            message={errorMessage}
+            onPress={() => setErrorMessage('')}
+          />
+        </View>
+      )}
+    </>
   )
 }
 

packages/billets-admin-client/app/page.tsx → clients/billets-admin-client/app/page.tsx

@@ -274,7 +274,9 @@ const Table = styled.table`
   margin-top: 60px;
   background-color: ${palette.white};
   width: 90vw;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  box-shadow:
+    0 1px 3px rgba(0, 0, 0, 0.12),
+    0 1px 2px rgba(0, 0, 0, 0.24);
   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
   border-radius: 3px;
 `

packages/billets-admin-client/ui/Header.tsx → clients/billets-admin-client/ui/Header.tsx

@@ -61,7 +61,9 @@ const Wrapper = styled.div`
   height: 68.5px;
   background-color: ${palette.white};
 
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  box-shadow:
+    0 1px 3px rgba(0, 0, 0, 0.12),
+    0 1px 2px rgba(0, 0, 0, 0.24);
   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
 `
 

packages/billets-admin-client/ui/UploadForm.tsx → clients/billets-admin-client/ui/UploadForm.tsx

@@ -740,7 +740,9 @@ const Wrapper = styled.div`
   width: 900px;
 
   background-color: ${palette.white};
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  box-shadow:
+    0 1px 3px rgba(0, 0, 0, 0.12),
+    0 1px 2px rgba(0, 0, 0, 0.24);
   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
 `
 
@@ -770,7 +772,9 @@ const PosterThumbnail = styled.img`
   border-radius: 8px;
   margin-top: 10px;
   margin-bottom: 10px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+  box-shadow:
+    0 1px 3px rgba(0, 0, 0, 0.12),
+    0 1px 2px rgba(0, 0, 0, 0.24);
   transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
   object-fit: contain;
 `