feat: 调整安装脚本复制位置

This commit is contained in:
naiba
2024-11-30 12:58:53 +08:00
parent 5e34e28916
commit 35436e69bb
2 changed files with 15 additions and 17 deletions

View File

@@ -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>

View File

@@ -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"),
@@ -194,6 +189,7 @@ export default function ServerPage() {
});
}}
/>
<InstallCommandsMenu className="bg-blue-700" />
</HeaderButtonGroup>
</div>
<Table>