From 35436e69bb33a10d03f2e76474d6d5e503835917 Mon Sep 17 00:00:00 2001
From: naiba <hi@nai.ba>
Date: Sat, 30 Nov 2024 12:58:53 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B0=83=E6=95=B4=E5=AE=89=E8=A3=85?=
 =?UTF-8?q?=E8=84=9A=E6=9C=AC=E5=A4=8D=E5=88=B6=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/install-commands.tsx | 14 ++++++++------
 src/routes/server.tsx               | 18 +++++++-----------
 2 files changed, 15 insertions(+), 17 deletions(-)

diff --git a/src/components/install-commands.tsx b/src/components/install-commands.tsx
index d540cc2..4dbf8f2 100644
--- a/src/components/install-commands.tsx
+++ b/src/components/install-commands.tsx
@@ -4,9 +4,10 @@ import {
     DropdownMenuItem,
     DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
-import { ButtonProps } from "@/components/ui/button"
+import { Button, ButtonProps } from "@/components/ui/button"
 import { forwardRef, useState } from "react"
-import { IconButton } from "./xui/icon-button"
+import { Check, Clipboard } from "lucide-react"
+import { t } from "i18next"
 
 export const InstallCommandsMenu = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {
     const [copy, setCopy] = useState(false);
@@ -17,16 +18,17 @@ export const InstallCommandsMenu = forwardRef<HTMLButtonElement, ButtonProps>((p
             await navigator.clipboard.writeText("stub");
             setTimeout(() => {
                 setCopy(false);
-            }, 2 * 1000);
+            }, 1000);
         }
     }
 
     return (
         <DropdownMenu>
             <DropdownMenuTrigger asChild>
-                <IconButton {...props} ref={ref} variant="outline" size="icon" icon={
-                    copy ? "check" : "clipboard"
-                } />
+                <Button {...props} ref={ref}>
+                    {copy ? <Check /> : <Clipboard />}
+                    {t("InstallCommands")}
+                </Button>
             </DropdownMenuTrigger>
             <DropdownMenuContent>
                 <DropdownMenuItem onClick={switchState}>Linux</DropdownMenuItem>
diff --git a/src/routes/server.tsx b/src/routes/server.tsx
index e1a3ee7..a658546 100644
--- a/src/routes/server.tsx
+++ b/src/routes/server.tsx
@@ -36,7 +36,7 @@ export default function ServerPage() {
             toast(t("Error"), {
                 description: t("Results.ErrorFetchingResource", { error: error.message }),
             });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [error]);
 
     const columns: ColumnDef<Server>[] = [
@@ -46,7 +46,7 @@ export default function ServerPage() {
                 <Checkbox
                     checked={
                         table.getIsAllPageRowsSelected() ||
-            (table.getIsSomePageRowsSelected() && "indeterminate")
+                        (table.getIsSomePageRowsSelected() && "indeterminate")
                     }
                     onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
                     aria-label="Select all"
@@ -108,11 +108,6 @@ export default function ServerPage() {
             accessorKey: "hideForGuest",
             accessorFn: (row) => row.hide_for_guest ?? false,
         },
-        {
-            id: "installCommands",
-            header: t("InstallCommands"),
-            cell: () => <InstallCommandsMenu />,
-        },
         {
             id: "note",
             header: t("Note"),
@@ -187,13 +182,14 @@ export default function ServerPage() {
                                 return;
                             }
                             toast(t("Done"), {
-                                description:  t("Results.ForceUpdate")
-                                + (resp.success?.length ? t(`Success`) + ` [${resp.success.join(",")}]` : "")
-                                + (resp.failure?.length ? t(`Failure`) + ` [${resp.failure.join(",")}]` : "")
-                                + (resp.offline?.length ? t(`Offline`) + ` [${resp.offline.join(",")}]` : "")
+                                description: t("Results.ForceUpdate")
+                                    + (resp.success?.length ? t(`Success`) + ` [${resp.success.join(",")}]` : "")
+                                    + (resp.failure?.length ? t(`Failure`) + ` [${resp.failure.join(",")}]` : "")
+                                    + (resp.offline?.length ? t(`Offline`) + ` [${resp.offline.join(",")}]` : "")
                             });
                         }}
                     />
+                    <InstallCommandsMenu className="bg-blue-700" />
                 </HeaderButtonGroup>
             </div>
             <Table>