feat: 修改用户名，简化代码

Author: naiba

src/api/api.ts

@@ -1,3 +1,5 @@
+import { useMainStore } from "@/hooks/useMainStore";
+
 interface CommonResponse<T> {
     success: boolean;
     error: string;
@@ -48,7 +50,7 @@ export async function fetcher<T>(method: FetcherMethod, path: string, data?: any
     }
 
     // auto refresh token
-    if (!lastestRefreshTokenAt || Date.now() - lastestRefreshTokenAt > 1000 * 60 * 60) {
+    if (document.cookie && (!lastestRefreshTokenAt || Date.now() - lastestRefreshTokenAt > 1000 * 60 * 60)) {
         lastestRefreshTokenAt = Date.now();
         fetch("/api/v1/refresh-token")
     }

src/components/install-commands.tsx

@@ -6,8 +6,8 @@ import {
 } from "@/components/ui/dropdown-menu"
 import { Button, ButtonProps } from "@/components/ui/button"
 import { forwardRef, useState } from "react"
-import { useConfig } from "@/hooks/useConfig"
-import { ConfigEssential } from "@/types"
+import useSettings from "@/hooks/useSetting"
+import { ModelConfig } from "@/types"
 import { Check, Clipboard } from "lucide-react"
 import { toast } from "sonner"
 
@@ -21,15 +21,15 @@ enum OSTypes {
 
 export const InstallCommandsMenu = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {
     const [copy, setCopy] = useState(false);
-    const { config } = useConfig();
+    const settings = useSettings();
     const { t } = useTranslation();
 
     const switchState = async (type: number) => {
         if (!copy) {
             try {
                 setCopy(true);
-                if (config)
-                    await navigator.clipboard.writeText(generateCommand(type, config));
+                if (settings)
+                    await navigator.clipboard.writeText(generateCommand(type, settings));
             } catch (e) {
                 console.error(e);
                 toast(t("Error"), {
@@ -60,7 +60,7 @@ export const InstallCommandsMenu = forwardRef<HTMLButtonElement, ButtonProps>((p
     );
 })
 
-const generateCommand = (type: number, { agent_secret_key, install_host, listen_port, tls }: ConfigEssential) => {
+const generateCommand = (type: number, { agent_secret_key, install_host, listen_port, tls }: ModelConfig) => {
     if (!install_host)
         throw new Error("You have not specify the installed host.");
 

src/components/profile.tsx

@@ -32,22 +32,25 @@ import { useTranslation } from "react-i18next";
 const profileFormSchema = z.object({
     original_password: z.string().min(5).max(72),
     new_password: z.string().min(8).max(72),
+    new_username: z.string().min(1).max(32),
 });
 
 export const ProfileCard = ({ className }: { className: string }) => {
     const { t } = useTranslation();
+    const { profile, setProfile } = useMainStore();
+
     const form = useForm<z.infer<typeof profileFormSchema>>({
         resolver: zodResolver(profileFormSchema),
         defaultValues: {
             original_password: '',
             new_password: '',
+            new_username: profile?.username,
         },
         resetOptions: {
             keepDefaultValues: false,
         }
     })
 
-    const { setProfile } = useMainStore();
     const [open, setOpen] = useState(false);
 
     const onSubmit = async (values: z.infer<typeof profileFormSchema>) => {
@@ -69,18 +72,33 @@ export const ProfileCard = ({ className }: { className: string }) => {
         <Dialog open={open} onOpenChange={setOpen}>
             <DialogTrigger asChild>
                 <Button variant="outline" className={className}>
-                    {t("UpdatePassword")}
+                    {t("UpdateProfile")}
                 </Button>
             </DialogTrigger>
             <DialogContent className="sm:max-w-xl">
                 <ScrollArea className="max-h-[calc(100dvh-5rem)] p-3">
                     <div className="items-center mx-1">
                         <DialogHeader>
-                            <DialogTitle>{t("UpdatePassword")}</DialogTitle>
+                            <DialogTitle>{t("UpdateProfile")}</DialogTitle>
                             <DialogDescription />
                         </DialogHeader>
                         <Form {...form}>
                             <form onSubmit={form.handleSubmit(onSubmit)} className="space-y-2 my-2">
+                                <FormField
+                                    control={form.control}
+                                    name="new_username"
+                                    render={({ field }) => (
+                                        <FormItem>
+                                            <FormLabel>{t("NewUsername")}</FormLabel>
+                                            <FormControl>
+                                                <Input
+                                                    {...field}
+                                                />
+                                            </FormControl>
+                                            <FormMessage />
+                                        </FormItem>
+                                    )}
+                                />
                                 <FormField
                                     control={form.control}
                                     name="original_password"

src/hooks/useConfig.tsx

@@ -0,0 +1,11 @@
+import { swrFetcher } from "@/api/api";
+import { ModelConfig } from "@/types";
+import useSWR from "swr";
+
+export default function useSetting() {
+    const { data } = useSWR<ModelConfig>(
+        "/api/v1/setting",
+        swrFetcher
+    );
+    return data;
+}

src/hooks/useConfigStore.ts

@@ -103,7 +103,8 @@
   "Refresh": "Refresh",
   "CopyPath": "copy path",
   "Goto": "Go to",
-  "UpdatePassword": "change password",
+  "UpdateProfile": "Update profile",
+  "NewUsername": "New username",
   "OriginalPassword": "original password",
   "NewPassword": "New Password",
   "EditDDNS": "Edit DDNS",

src/hooks/useSetting.tsx

@@ -104,7 +104,8 @@
   "Refresh": "aggiornare",
   "CopyPath": "percorso di copia",
   "Goto": "Vai a",
-  "UpdatePassword": "cambiare la password",
+  "UpdateProfile": "Aggiorna il profilo",
+  "NewUsername": "Nuovo nome utente",
   "OriginalPassword": "password originale",
   "NewPassword": "Nuova parola d'ordine",
   "EditDDNS": "Modifica DDNS",

src/locales/en/translation.json

@@ -104,7 +104,8 @@
   "Refresh": "刷新",
   "CopyPath": "复制路径",
   "Goto": "前往",
-  "UpdatePassword": "更改密码",
+  "UpdateProfile": "更新个人资料",
+  "NewUsername": "新用户名",
   "OriginalPassword": "原始密码",
   "NewPassword": "新密码",
   "EditDDNS": "编辑DDNS",

src/locales/it/translation.json

@@ -104,7 +104,8 @@
   "Refresh": "刷新",
   "CopyPath": "複製路徑",
   "Goto": "前往",
-  "UpdatePassword": "更改密碼",
+  "UpdateProfile": "更新個人資料",
+  "NewUsername": "新用戶名",
   "OriginalPassword": "原始密碼",
   "NewPassword": "新密碼",
   "EditDDNS": "編輯DDNS",