chore(client): restructure components

apps/client/src/components/AdminRunningDynamicsList/index.tsx → apps/client/src/components/Admin/RunningDynamicsList/index.tsx

@@ -2,7 +2,7 @@ import { Server } from "lucide-react";
 import { useRouter } from "next/router";
 import { useTranslation } from "next-i18next";
 
-import { DynamicRunningAbortButton } from "@app/components/DynamicRunningAbortButton";
+import { DynamicRunningAbortButton } from "@app/components/Dynamic/Running/AbortButton";
 import { GetAdminRunningDynamicsListResult } from "@app/queries/useAdminRunningDynamicsList";
 
 interface AdminRunningDynamicsListProps {

apps/client/src/components/Forms/SignIn.tsx

@@ -77,12 +77,14 @@ export function SignInForm() {
       ) : null}
       <Input
         error={errors.identifier}
+        disabled={isAuthenticating}
         label={t("signin:identifier.title")}
         placeholder={t("signin:identifier.placeholder")}
         {...register("identifier")}
       />
       <Input
         error={errors.password}
+        disabled={isAuthenticating}
         label={t("signin:password.title")}
         placeholder={t("signin:password.placeholder")}
         type="password"

apps/client/src/components/Input/index.tsx

@@ -26,7 +26,7 @@ export const Input = forwardRef<HTMLInputElement, InputProps>(
         ) : null}
         <input
           className={clsx(
-            `h-10 rounded-lg border border-primary-400/60 bg-gray-50 px-2 py-1 outline-none transition-all duration-150 file:-ml-1 file:mr-2 file:h-full file:rounded-md file:border-0 file:bg-primary-500 file:px-2 file:py-1 file:text-sm file:font-semibold file:text-gray-50 placeholder:text-zinc-400 hover:file:bg-primary-600 focus:ring-2 focus:ring-primary-400 focus:ring-offset-2 focus:ring-offset-gray-200 dark:bg-gray-900 dark:focus:ring-offset-gray-900 ${className}`,
+            `h-10 rounded-lg border border-primary-400/60 bg-gray-50 px-2 py-1 outline-none transition-all duration-150 file:-ml-1 file:mr-2 file:h-full file:rounded-md file:border-0 file:bg-primary-500 file:px-2 file:py-1 file:text-sm file:font-semibold file:text-gray-50 placeholder:text-zinc-400 hover:file:bg-primary-600 focus:ring-2 focus:ring-primary-400 focus:ring-offset-2 focus:ring-offset-gray-200 disabled:opacity-60 dark:bg-gray-900 dark:focus:ring-offset-gray-900 ${className}`,
             {
               "border-red-600/95 focus:ring-red-500": error
             }

apps/client/src/pages/admin/running.tsx

@@ -10,7 +10,7 @@ import { useAdminRunningDynamicsList } from "@app/queries/useAdminRunningDynamic
 
 const AdminRunningDynamicsList = dynamic(
   () =>
-    import("@app/components/AdminRunningDynamicsList").then(
+    import("@app/components/Admin/RunningDynamicsList").then(
       (mod) => mod.AdminRunningDynamicsList
     ),
   {

apps/client/src/pages/admin/signup.tsx

@@ -11,7 +11,7 @@ import { useAdminSignUpRequestList } from "@app/queries/useAdminSignUpRequestLis
 
 const AdminSignUpRequestList = dynamic(
   () =>
-    import("@app/components/AdminSignUpRequestList").then(
+    import("@app/components/Admin/SignUpRequestList").then(
       (mod) => mod.AdminSignUpRequestList
     ),
   {

apps/client/src/pages/dynamic/running.tsx

@@ -6,7 +6,7 @@ import { User } from "next-auth";
 import { useTranslation } from "next-i18next";
 
 import { Button } from "@app/components/Button";
-import { DynamicRunningAbortButton } from "@app/components/DynamicRunningAbortButton";
+import { DynamicRunningAbortButton } from "@app/components/Dynamic/Running/AbortButton";
 import { SEO } from "@app/components/SEO";
 import { withSSRAuth } from "@app/hocs/withSSRAuth";
 import { withSSRTranslations } from "@app/hocs/withSSRTranslations";
@@ -18,7 +18,7 @@ import {
 
 const DynamicRunningRealtimeLog = dynamic(
   () =>
-    import("@app/components/DynamicRunningRealtimeLog").then(
+    import("@app/components/Dynamic/Running/RealtimeLog").then(
       (mod) => mod.DynamicRunningRealtimeLog
     ),
   {
@@ -28,7 +28,7 @@ const DynamicRunningRealtimeLog = dynamic(
 
 const DynamicRunningStepList = dynamic(
   () =>
-    import("@app/components/DynamicRunningStepList").then(
+    import("@app/components/Dynamic/Running/StepList").then(
       (mod) => mod.DynamicRunningStepList
     ),
   {

apps/client/src/pages/my-dynamics.tsx

@@ -20,7 +20,7 @@ import {
 } from "@app/queries/useListDynamics";
 
 const DynamicCard = dynamic(
-  () => import("@app/components/DynamicCard").then((mod) => mod.DynamicCard),
+  () => import("@app/components/Dynamic/Card").then((mod) => mod.DynamicCard),
   {
     ssr: false
   }