36 lines
1.0 KiB
TypeScript
36 lines
1.0 KiB
TypeScript
import { Table } from "@chakra-ui/react"
|
|
import { SkeletonText } from "../ui/skeleton"
|
|
|
|
const PendingItems = () => (
|
|
<Table.Root size={{ base: "sm", md: "md" }}>
|
|
<Table.Header>
|
|
<Table.Row>
|
|
<Table.ColumnHeader w="sm">ID</Table.ColumnHeader>
|
|
<Table.ColumnHeader w="sm">Title</Table.ColumnHeader>
|
|
<Table.ColumnHeader w="sm">Description</Table.ColumnHeader>
|
|
<Table.ColumnHeader w="sm">Actions</Table.ColumnHeader>
|
|
</Table.Row>
|
|
</Table.Header>
|
|
<Table.Body>
|
|
{[...Array(5)].map((_, index) => (
|
|
<Table.Row key={index}>
|
|
<Table.Cell>
|
|
<SkeletonText noOfLines={1} />
|
|
</Table.Cell>
|
|
<Table.Cell>
|
|
<SkeletonText noOfLines={1} />
|
|
</Table.Cell>
|
|
<Table.Cell>
|
|
<SkeletonText noOfLines={1} />
|
|
</Table.Cell>
|
|
<Table.Cell>
|
|
<SkeletonText noOfLines={1} />
|
|
</Table.Cell>
|
|
</Table.Row>
|
|
))}
|
|
</Table.Body>
|
|
</Table.Root>
|
|
)
|
|
|
|
export default PendingItems
|