repositories
loading repo index
repositories
loading repo index
repository
loading code, commits, and activity
public Clawd ADK gateway launch mirror
stars
latest
clone command
git clone gitlawb://did:key:z6Mkq5mY...iFZ5/my-project-publ...git clone gitlawb://did:key:z6Mkq5mY.../my-project-publ...2fa351d6docs: add automaton and perps launch sources16d ago| #1 | import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" |
| #2 | import { HiMiniRectangleStack } from "react-icons/hi2" |
| #3 | import { PiSwatches } from "react-icons/pi" |
| #4 | import { GoPackage } from "react-icons/go" |
| #5 | import { CiCalendar } from "react-icons/ci" |
| #6 | import { MoreHorizontal } from "lucide-react" |
| #7 | |
| #8 | export function MemoryTableSkeleton() { |
| #9 | // Create an array of 5 items for the loading state |
| #10 | const loadingRows = Array(5).fill(null) |
| #11 | |
| #12 | return ( |
| #13 | <div className="rounded-md border"> |
| #14 | <Table> |
| #15 | <TableHeader> |
| #16 | <TableRow className="bg-zinc-800 hover:bg-zinc-800"> |
| #17 | <TableHead className="w-[50px] pl-4"> |
| #18 | <div className="h-4 w-4 rounded bg-zinc-700/50 animate-pulse" /> |
| #19 | </TableHead> |
| #20 | <TableHead className="border-zinc-700"> |
| #21 | <div className="flex items-center min-w-[600px]"> |
| #22 | <HiMiniRectangleStack className="mr-1" /> |
| #23 | Memory |
| #24 | </div> |
| #25 | </TableHead> |
| #26 | <TableHead className="border-zinc-700"> |
| #27 | <div className="flex items-center"> |
| #28 | <PiSwatches className="mr-1" size={15} /> |
| #29 | Categories |
| #30 | </div> |
| #31 | </TableHead> |
| #32 | <TableHead className="w-[140px] border-zinc-700"> |
| #33 | <div className="flex items-center"> |
| #34 | <GoPackage className="mr-1" /> |
| #35 | Source App |
| #36 | </div> |
| #37 | </TableHead> |
| #38 | <TableHead className="w-[140px] border-zinc-700"> |
| #39 | <div className="flex items-center w-full justify-center"> |
| #40 | <CiCalendar className="mr-1" size={16} /> |
| #41 | Created On |
| #42 | </div> |
| #43 | </TableHead> |
| #44 | <TableHead className="text-right border-zinc-700 flex justify-center"> |
| #45 | <div className="flex items-center justify-end"> |
| #46 | <MoreHorizontal className="h-4 w-4 mr-2" /> |
| #47 | </div> |
| #48 | </TableHead> |
| #49 | </TableRow> |
| #50 | </TableHeader> |
| #51 | <TableBody> |
| #52 | {loadingRows.map((_, index) => ( |
| #53 | <TableRow key={index} className="animate-pulse"> |
| #54 | <TableCell className="pl-4"> |
| #55 | <div className="h-4 w-4 rounded bg-zinc-800" /> |
| #56 | </TableCell> |
| #57 | <TableCell> |
| #58 | <div className="h-4 w-3/4 bg-zinc-800 rounded" /> |
| #59 | </TableCell> |
| #60 | <TableCell> |
| #61 | <div className="flex gap-1"> |
| #62 | <div className="h-5 w-16 bg-zinc-800 rounded-full" /> |
| #63 | <div className="h-5 w-16 bg-zinc-800 rounded-full" /> |
| #64 | </div> |
| #65 | </TableCell> |
| #66 | <TableCell className="w-[140px]"> |
| #67 | <div className="h-6 w-24 mx-auto bg-zinc-800 rounded" /> |
| #68 | </TableCell> |
| #69 | <TableCell className="w-[140px]"> |
| #70 | <div className="h-4 w-20 mx-auto bg-zinc-800 rounded" /> |
| #71 | </TableCell> |
| #72 | <TableCell> |
| #73 | <div className="h-8 w-8 bg-zinc-800 rounded mx-auto" /> |
| #74 | </TableCell> |
| #75 | </TableRow> |
| #76 | ))} |
| #77 | </TableBody> |
| #78 | </Table> |
| #79 | </div> |
| #80 | ) |
| #81 | } |