import { Head, router } from '@inertiajs/react'; import { useState } from 'react'; import HeadingSmall from '@/components/heading-small'; import { SortableHeader, useSort } from '@/components/sortable-header'; import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from '@/components/ui/dialog'; import { useUserTimezone } from '@/hooks/use-user-timezone'; import AppLayout from '@/layouts/app-layout'; import { formatDateTime } from '@/lib/format-date'; import backups from '@/routes/admin/backups'; type Backup = { disk: string; path: string; filename: string; size_bytes: number; size_human: string; date: string; }; type Props = { backups: Backup[]; disks: string[]; }; const breadcrumbs = [{ title: 'Backups', href: backups.index.url() }]; export default function Backups({ backups: backupList, disks }: Props) { const timezone = useUserTimezone(); const { sorted, sortColumn, sortDirection, toggleSort } = useSort(backupList, 'date', 'desc'); const [pendingDelete, setPendingDelete] = useState(null); const [deleting, setDeleting] = useState(false); const totalBytes = backupList.reduce((sum, b) => sum + b.size_bytes, 0); function confirmDelete() { if (!pendingDelete) return; setDeleting(true); router.delete(backups.destroy.url({ query: { disk: pendingDelete.disk, path: pendingDelete.path } }), { preserveScroll: true, onFinish: () => { setDeleting(false); setPendingDelete(null); }, }); } return (

Backups

{sorted.map((backup) => ( ))}
Actions
{backup.filename} {backup.disk} {backup.size_human} {formatDateTime(backup.date, timezone)}
Download
{backupList.length === 0 && (
No backups found.
)}
{ if (!open) setPendingDelete(null); }}> Delete backup This will permanently delete{' '} {pendingDelete?.filename} from the{' '} {pendingDelete?.disk} disk. This cannot be undone. ); } function totalBytesLabel(bytes: number): string { if (bytes === 0) return '0 B'; const units = ['B', 'KB', 'MB', 'GB', 'TB']; const exponent = Math.min(Math.floor(Math.log(bytes) / Math.log(1024)), units.length - 1); const value = bytes / 1024 ** exponent; return `${value.toFixed(1)} ${units[exponent]}`; }