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

22 lines
489 B
TypeScript

import styles from "./list-item.module.css"
import Card from "@components/card"
import Skeleton from "@components/skeleton"
export const ListItemSkeleton = () => (
<li>
<Card style={{ overflowY: "scroll" }}>
<>
<div className={styles.title}>
{/* title */}
<Skeleton width={80} height={32} />
</div>
<div className={styles.badges}>
<Skeleton width={30} height={32} />
</div>
</>
<hr />
<Skeleton width={100} height={32} />
</Card>
</li>
)