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

Browse Source
This commit is contained in:
Saeed Vaziry
2025-05-23 18:27:24 +02:00
parent a5ce0d33b3
commit ff11fb44e0
36 changed files with 1001 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
resources/js/components/table-skeleton.tsx Normal file
View File

@ -0,0 +1,48 @@
import { Skeleton } from '@/components/ui/skeleton';
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
import { cn } from '@/lib/utils';
export function TableSkeleton({ modal }: { modal?: boolean }) {
const extraClasses = modal && 'border-none shadow-none';
return (
<div className={cn('rounded-md border shadow-xs', extraClasses)}>
<Table>
<TableHeader>
<TableRow>
<TableHead>
<Skeleton className="h-3 w-[100px]" />
</TableHead>
<TableHead>
<Skeleton className="h-3 w-[100px]" />
</TableHead>
<TableHead>
<Skeleton className="h-3 w-[100px]" />
</TableHead>
<TableHead>
<Skeleton className="h-3 w-[100px]" />
</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{[...Array(3)].map((_, i) => (
<TableRow key={i}>
<TableCell>
<Skeleton className="h-5 w-[100px]" />
</TableCell>
<TableCell>
<Skeleton className="h-5 w-[100px]" />
</TableCell>
<TableCell>
<Skeleton className="h-5 w-[100px]" />
</TableCell>
<TableCell>
<Skeleton className="h-5 w-[100px]" />
</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</div>
);
}