refactor(ui): separate each component into single file

2026-09-23 23:41:52 +08:00 · 2025-02-28 22:40:45 +08:00
parent 30a141c8d4
commit fefe25cbce
22 changed files with 925 additions and 749 deletions
@@ -0,0 +1,37 @@
+import { FormField, FormItem, FormLabel } from "@/components/ui/form.tsx";
+import { Input } from "@/components/ui/input.tsx";
+import { FormSchema } from "@/types/schema.ts";
+import { FormProvider, UseFormReturn } from "react-hook-form";
+import { useTranslation } from "react-i18next";
+
+export function OptionalClassFormField({ form }: { form: UseFormReturn<FormSchema> }) {
+  const { t } = useTranslation();
+  return (
+    <FormProvider {...form}>
+      <FormField
+        control={form.control}
+        name="shellClassName"
+        render={({ field }) => (
+          <FormItem className="space-y-1">
+            <FormLabel className="h-6 flex items-center gap-1">
+              {t("mainConfig.shellClassName")} {t("optional")}
+            </FormLabel>
+            <Input id="shellClassName" {...field} placeholder={t("placeholders.input")} className="h-8" />
+          </FormItem>
+        )}
+      />
+      <FormField
+        control={form.control}
+        name="injectorClassName"
+        render={({ field }) => (
+          <FormItem className="space-y-1">
+            <FormLabel className="h-6 flex items-center gap-1">
+              {t("mainConfig.injectorClassName")} {t("optional")}
+            </FormLabel>
+            <Input id="injectorClassName" {...field} placeholder={t("placeholders.input")} className="h-8" />
+          </FormItem>
+        )}
+      />
+    </FormProvider>
+  );
+}