CoastalCommitsPastes/client/components/post-list/list-item-skeleton.tsx

28 lines
596 B
TypeScript
Raw Normal View History

2022-04-09 20:48:19 -04:00
import Skeleton from "react-loading-skeleton"
2022-11-09 21:38:05 -05:00
import { Card, Divider, Grid, Spacer } from "@geist-ui/core/dist"
2022-04-09 20:48:19 -04:00
const ListItemSkeleton = () => (
<Card>
<Spacer height={1 / 2} />
<Grid.Container justify={"space-between"} marginBottom={1 / 2}>
<Grid xs={8} paddingLeft={1 / 2}>
<Skeleton width={150} />
</Grid>
<Grid xs={7}>
<Skeleton width={100} />
</Grid>
<Grid xs={4}>
<Skeleton width={70} />
</Grid>
</Grid.Container>
2022-04-09 20:48:19 -04:00
<Divider h="1px" my={0} />
2022-03-09 20:11:37 -05:00
2022-04-09 20:48:19 -04:00
<Card.Content>
<Skeleton width={200} />
</Card.Content>
</Card>
)
2022-03-09 20:11:37 -05:00
2022-04-09 20:48:19 -04:00
export default ListItemSkeleton