update all

src/components/Enable2FaForm.tsx

@@ -42,14 +42,6 @@ import { QRCodeCanvas, QRCodeSVG } from "qrcode.react";
 import { useUserContext } from "@app/hooks/useUserContext";
 import { useTranslations } from "next-intl";
 
-const enableSchema = z.object({
-    password: z.string().min(1, { message: "Password is required" })
-});
-
-const confirmSchema = z.object({
-    code: z.string().length(6, { message: "Invalid code" })
-});
-
 type Enable2FaProps = {
     open: boolean;
     setOpen: (val: boolean) => void;
@@ -68,6 +60,15 @@ export default function Enable2FaForm({ open, setOpen }: Enable2FaProps) {
     const { user, updateUser } = useUserContext();
 
     const api = createApiClient(useEnvContext());
+    const t = useTranslations();
+
+    const enableSchema = z.object({
+        password: z.string().min(1, { message: t('passwordRequired') })
+    });
+
+    const confirmSchema = z.object({
+        code: z.string().length(6, { message: t('pincodeInvalid') })
+    });
 
     const enableForm = useForm<z.infer<typeof enableSchema>>({
         resolver: zodResolver(enableSchema),
@@ -83,8 +84,6 @@ export default function Enable2FaForm({ open, setOpen }: Enable2FaProps) {
         }
     });
 
-    const t = useTranslations();
-
     const request2fa = async (values: z.infer<typeof enableSchema>) => {
         setLoading(true);
 

src/components/PermissionsSelectBox.tsx

@@ -163,13 +163,15 @@ export default function PermissionsSelectBox({
         onChange(updated);
     };
 
+    const t = useTranslations();
+
     return (
         <>
             <div className="mb-4">
                 <CheckboxWithLabel
                     variant="outlinePrimarySquare"
                     id="toggle-all-permissions"
-                    label="Allow All Permissions"
+                    label={t('permissionsAllowAll')}
                     checked={allPermissionsChecked}
                     onCheckedChange={(checked) =>
                         toggleAllPermissions(checked as boolean)
@@ -188,7 +190,7 @@ export default function PermissionsSelectBox({
                                         <CheckboxWithLabel
                                             variant="outlinePrimarySquare"
                                             id={`toggle-all-${category}`}
-                                            label="Allow All"
+                                            label={t('allowAll')}
                                             checked={allChecked}
                                             onCheckedChange={(checked) =>
                                                 toggleAllInCategory(

src/components/SupporterStatus.tsx

@@ -50,13 +50,6 @@ import { Check, ExternalLink } from "lucide-react";
 import confetti from "canvas-confetti";
 import { useTranslations } from "next-intl";
 
-const formSchema = z.object({
-    githubUsername: z
-        .string()
-        .nonempty({ message: "GitHub username is required" }),
-    key: z.string().nonempty({ message: "Supporter key is required" })
-});
-
 export default function SupporterStatus() {
     const { supporterStatus, updateSupporterStatus } =
         useSupporterStatusContext();
@@ -65,6 +58,14 @@ export default function SupporterStatus() {
     const [purchaseOptionsOpen, setPurchaseOptionsOpen] = useState(false);
 
     const api = createApiClient(useEnvContext());
+    const t = useTranslations();
+
+    const formSchema = z.object({
+        githubUsername: z
+            .string()
+            .nonempty({ message: "GitHub username is required" }),
+        key: z.string().nonempty({ message: "Supporter key is required" })
+    });
 
     const form = useForm<z.infer<typeof formSchema>>({
         resolver: zodResolver(formSchema),
@@ -74,8 +75,6 @@ export default function SupporterStatus() {
         }
     });
 
-    const t = useTranslations();
-
     async function hide() {
         await api.post("/supporter-key/hide");
 
@@ -167,7 +166,7 @@ export default function SupporterStatus() {
                 title: t('error'),
                 description: formatAxiosError(
                     error,
-                    "Failed to validate supporter key."
+                    t('supportKeyErrorValidationDescription')
                 )
             });
             return;

src/components/tags/autocomplete.tsx

@@ -4,7 +4,7 @@ import { TagInputStyleClassesProps, type Tag as TagType } from "./tag-input";
 import { Popover, PopoverContent, PopoverTrigger } from "../ui/popover";
 import { Button } from "../ui/button";
 import { cn } from "@app/lib/cn";
-import { useTranslations } from 'next-intl';
+import { useTranslations } from "next-intl";
 
 type AutocompleteProps = {
     tags: TagType[];