direct-online/vito
2
0
Fork 0
mirror of https://github.com/vitodeploy/vito.git synced 2025-07-02 06:26:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

#591 - workers

Browse Source
This commit is contained in:
Saeed Vaziry
2025-05-29 20:05:13 +02:00
parent 984c1f3a8e
commit 8b6f65db97
20 changed files with 777 additions and 150 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
resources/js/pages/servers/components/header.tsx
View File

@ -1,5 +1,5 @@
import { Server } from '@/types/server';
import { CloudIcon, LoaderCircleIcon, MapPinIcon, MousePointerClickIcon, SlashIcon } from 'lucide-react';
import { ClipboardCheckIcon, CloudIcon, LoaderCircleIcon, MapPinIcon, MousePointerClickIcon, SlashIcon } from 'lucide-react';
import { Tooltip, TooltipContent, TooltipTrigger } from '@/components/ui/tooltip';
import ServerActions from '@/pages/servers/components/actions';
import { cn } from '@/lib/utils';
@ -7,6 +7,7 @@ import { Site } from '@/types/site';
import { StatusRipple } from '@/components/status-ripple';
import { Badge } from '@/components/ui/badge';
import { useForm } from '@inertiajs/react';
import { useState } from 'react';
export default function ServerHeader({ server, site }: { server: Server; site?: Site }) {
const statusForm = useForm();
@ -19,6 +20,16 @@ export default function ServerHeader({ server, site }: { server: Server; site?:
statusForm.patch(route('servers.status', { server: server.id }));
};
const [ipCopied, setIpCopied] = useState(false);
const copyIp = (ip: string) => {
navigator.clipboard.writeText(ip).then(() => {
setIpCopied(true);
setTimeout(() => {
setIpCopied(false);
}, 2000);
});
};
return (
<div className="flex items-center justify-between border-b px-4 py-2">
<div className="space-y-2">
@ -64,8 +75,10 @@ export default function ServerHeader({ server, site }: { server: Server; site?:
<Tooltip>
<TooltipTrigger asChild>
<div className="flex items-center space-x-1">
<MapPinIcon className="size-4" />
<div className="hidden lg:inline-flex">{server.ip}</div>
{ipCopied ? <ClipboardCheckIcon className="text-success size-4" /> : <MapPinIcon className="size-4" />}
<div className="hidden cursor-pointer lg:inline-flex" onClick={() => copyIp(server.ip)}>
{server.ip}
</div>
</div>
</TooltipTrigger>
<TooltipContent side="bottom">