import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog'; import { Server } from '@/types/server'; import { Button } from '@/components/ui/button'; import { LoaderCircleIcon, RefreshCwIcon } from 'lucide-react'; import { useForm } from '@inertiajs/react'; import { useState } from 'react'; export default function SyncDatabases({ server }: { server: Server }) { const [open, setOpen] = useState(false); const form = useForm(); const submit = () => { form.patch(route('databases.sync', server.id), { onSuccess: () => { setOpen(false); }, }); }; return ( Sync Databases Sync databases from the server to Vito.

Are you sure you want to sync the databases from the server to Vito?

); }