Files
Jonathan Summers-Muir 2581f978eb fix: update dark mode css. update borders for light and dark mode (#22392)
* update dark mode css. update borders for light and dark mode

* Delete concept-two.css

* Update Panel.tsx

* clean up
2024-04-05 07:46:24 +00:00

39 lines
1.3 KiB
TypeScript

import Table from 'components/to-be-cleaned/Table'
import ShimmeringLoader from 'components/ui/ShimmeringLoader'
import { Button, IconMoreHorizontal } from 'ui'
const UsersListItemSkeleton = () => {
return (
<Table.tr className="relative">
<Table.td className="whitespace-nowrap">
<ShimmeringLoader className="h-[20px] py-0 w-8" />
</Table.td>
<Table.td className="whitespace-nowrap">
<ShimmeringLoader className="h-[20px] py-0 w-36" />
</Table.td>
<Table.td className="whitespace-nowrap">
<ShimmeringLoader className="h-[20px] py-0 w-8" />
</Table.td>
<Table.td className="table-cell">
<ShimmeringLoader className="h-[20px] py-0 w-10" />
</Table.td>
<Table.td className="table-cell">
<ShimmeringLoader className="h-[20px] py-0 w-32" />
</Table.td>
<Table.td className="table-cell">
<ShimmeringLoader className="h-[20px] py-0 w-8" />
</Table.td>
<Table.td className="table-cell">
<ShimmeringLoader className="h-[20px] py-0 w-20" />
</Table.td>
<Table.td className="table-cell">
<Button type="text" disabled={true} className="hover:border-muted flex">
<IconMoreHorizontal />
</Button>
</Table.td>
</Table.tr>
)
}
export default UsersListItemSkeleton