重构了tts

src/app/folders/[folder_id]/AddTextPairModal.tsx

@@ -11,8 +11,8 @@ interface AddTextPairModalProps {
   onAdd: (
     text1: string,
     text2: string,
-    locale1: string,
-    locale2: string,
+    language1: string,
+    language2: string,
   ) => void;
 }
 
@@ -24,8 +24,8 @@ export default function AddTextPairModal({
   const t = useTranslations("folder_id");
   const input1Ref = useRef<HTMLInputElement>(null);
   const input2Ref = useRef<HTMLInputElement>(null);
-  const [locale1, setLocale1] = useState("en-US");
-  const [locale2, setLocale2] = useState("zh-CN");
+  const [language1, setLanguage1] = useState("english");
+  const [language2, setLanguage2] = useState("chinese");
 
   if (!isOpen) return null;
 
@@ -33,8 +33,8 @@ export default function AddTextPairModal({
     if (
       !input1Ref.current?.value ||
       !input2Ref.current?.value ||
-      !locale1 ||
-      !locale2
+      !language1 ||
+      !language2
     )
       return;
 
@@ -44,14 +44,14 @@ export default function AddTextPairModal({
     if (
       typeof text1 === "string" &&
       typeof text2 === "string" &&
-      typeof locale1 === "string" &&
-      typeof locale2 === "string" &&
+      typeof language1 === "string" &&
+      typeof language2 === "string" &&
       text1.trim() !== "" &&
       text2.trim() !== "" &&
-      locale1.trim() !== "" &&
-      locale2.trim() !== ""
+      language1.trim() !== "" &&
+      language2.trim() !== ""
     ) {
-      onAdd(text1, text2, locale1, locale2);
+      onAdd(text1, text2, language1, language2);
       input1Ref.current.value = "";
       input2Ref.current.value = "";
     }
@@ -84,12 +84,12 @@ export default function AddTextPairModal({
             <Input ref={input2Ref} className="w-full"></Input>
           </div>
           <div>
-            {t("locale1")}
-            <LocaleSelector value={locale1} onChange={setLocale1} />
+            {t("language1")}
+            <LocaleSelector value={language1} onChange={setLanguage1} />
           </div>
           <div>
-            {t("locale2")}
-            <LocaleSelector value={locale2} onChange={setLocale2} />
+            {t("language2")}
+            <LocaleSelector value={language2} onChange={setLanguage2} />
           </div>
         </div>
         <LightButton onClick={handleAdd}>{t("add")}</LightButton>

src/app/folders/[folder_id]/InFolder.tsx

@@ -140,14 +140,14 @@ export default function InFolder({ folderId }: { folderId: number }) {
         onAdd={async (
           text1: string,
           text2: string,
-          locale1: string,
-          locale2: string,
+          language1: string,
+          language2: string,
         ) => {
           await createPair({
             text1: text1,
             text2: text2,
-            language1: locale1,
-            language2: locale2,
+            language1: language1,
+            language2: language2,
             folder: {
               connect: {
                 id: folderId,

src/app/folders/[folder_id]/UpdateTextPairModal.tsx

@@ -23,8 +23,8 @@ export default function UpdateTextPairModal({
   const t = useTranslations("folder_id");
   const input1Ref = useRef<HTMLInputElement>(null);
   const input2Ref = useRef<HTMLInputElement>(null);
-  const [locale1, setLocale1] = useState(textPair.language1);
-  const [locale2, setLocale2] = useState(textPair.language2);
+  const [language1, setLanguage1] = useState(textPair.language1);
+  const [language2, setLanguage2] = useState(textPair.language2);
 
   if (!isOpen) return null;
 
@@ -32,8 +32,8 @@ export default function UpdateTextPairModal({
     if (
       !input1Ref.current?.value ||
       !input2Ref.current?.value ||
-      !locale1 ||
-      !locale2
+      !language1 ||
+      !language2
     )
       return;
 
@@ -43,14 +43,14 @@ export default function UpdateTextPairModal({
     if (
       typeof text1 === "string" &&
       typeof text2 === "string" &&
-      typeof locale1 === "string" &&
-      typeof locale2 === "string" &&
+      typeof language1 === "string" &&
+      typeof language2 === "string" &&
       text1.trim() !== "" &&
       text2.trim() !== "" &&
-      locale1.trim() !== "" &&
-      locale2.trim() !== ""
+      language1.trim() !== "" &&
+      language2.trim() !== ""
     ) {
-      onUpdate(textPair.id, { text1, text2, locale1, locale2 });
+      onUpdate(textPair.id, { text1, text2, language1, language2 });
     }
   };
   return (
@@ -88,12 +88,12 @@ export default function UpdateTextPairModal({
             ></Input>
           </div>
           <div>
-            {t("locale1")}
-            <LocaleSelector value={locale1} onChange={setLocale1} />
+            {t("language1")}
+            <LocaleSelector value={language1} onChange={setLanguage1} />
           </div>
           <div>
-            {t("locale2")}
-            <LocaleSelector value={locale2} onChange={setLocale2} />
+            {t("language2")}
+            <LocaleSelector value={language2} onChange={setLanguage2} />
           </div>
         </div>
         <LightButton onClick={handleUpdate}>{t("update")}</LightButton>