/
Stoc
/
Sber
Обзор
Документация
Войти
/
Stoc
/
Sber
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/components/Loading/LoadingSingleArticle/LoadingSingleArticle.tsx
30 строк
818 B
Stocil
fix: loading single article
24 апр 2024, 16:44
24 апр 2024, 16:44
f4fa2fa
Код
Авторство
О чём код?
import { FC } from "react"; import { ArticleWrapper } from "../../../pages/SingleArticle/SingleArticle.styles.tsx"; import { Skeleton, Stack } from "@mui/material"; export const LoadingSingleArticle: FC = () => { const tags = [1, 2, 3]; return ( <ArticleWrapper> <Stack spacing={2}> <Skeleton animation="wave" variant="rounded" width="80%" height={40} /> <Stack direction="row" spacing={1}> {tags.map((tag) => ( <Skeleton variant="rounded" width={60} height={20} key={tag} /> ))} </Stack> <Skeleton animation="wave" variant="rounded" width="100%" height={100} /> </Stack> <Skeleton animation="wave" variant="rounded" width="90%" height={200} /> </ArticleWrapper> ); };