Felipe Carvalho
038ce3f556
Template genérico de checkout com ASAAS, parametrizado via env vars. Inclui fluxo completo: checkout → pedido → polling → webhook → admin. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
68 lines
2.3 KiB
TypeScript
68 lines
2.3 KiB
TypeScript
import { Skeleton } from "@/components/ui/skeleton"
|
|
import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table"
|
|
|
|
export function ProductsTableSkeleton() {
|
|
return (
|
|
<div className="w-full">
|
|
<div className="flex items-center py-4">
|
|
<Skeleton className="h-8 w-[250px]" />
|
|
<Skeleton className="ml-auto h-8 w-[100px]" />
|
|
</div>
|
|
<div className="rounded-md border">
|
|
<Table>
|
|
<TableHeader>
|
|
<TableRow>
|
|
<TableHead className="w-[50px]">
|
|
<Skeleton className="h-4 w-4" />
|
|
</TableHead>
|
|
<TableHead>
|
|
<Skeleton className="h-4 w-[100px]" />
|
|
</TableHead>
|
|
<TableHead>
|
|
<Skeleton className="h-4 w-[100px]" />
|
|
</TableHead>
|
|
<TableHead>
|
|
<Skeleton className="h-4 w-[100px]" />
|
|
</TableHead>
|
|
<TableHead>
|
|
<Skeleton className="h-4 w-[100px]" />
|
|
</TableHead>
|
|
<TableHead className="text-right">
|
|
<Skeleton className="h-4 w-[100px] ml-auto" />
|
|
</TableHead>
|
|
</TableRow>
|
|
</TableHeader>
|
|
<TableBody>
|
|
{Array.from({ length: 5 }).map((_, i) => (
|
|
<TableRow key={i}>
|
|
<TableCell>
|
|
<Skeleton className="h-4 w-4" />
|
|
</TableCell>
|
|
<TableCell>
|
|
<Skeleton className="h-4 w-[200px]" />
|
|
</TableCell>
|
|
<TableCell>
|
|
<Skeleton className="h-4 w-[150px]" />
|
|
</TableCell>
|
|
<TableCell>
|
|
<Skeleton className="h-4 w-[100px]" />
|
|
</TableCell>
|
|
<TableCell>
|
|
<Skeleton className="h-4 w-[100px]" />
|
|
</TableCell>
|
|
<TableCell className="text-right">
|
|
<Skeleton className="h-8 w-8 ml-auto" />
|
|
</TableCell>
|
|
</TableRow>
|
|
))}
|
|
</TableBody>
|
|
</Table>
|
|
</div>
|
|
<div className="flex items-center justify-end space-x-2 py-4">
|
|
<Skeleton className="h-8 w-[100px]" />
|
|
<Skeleton className="h-8 w-[70px]" />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|