Revize 456b0111
Přidáno uživatelem Václav Honzík před více než 2 roky(ů)
| frontend/src/features/Reusables/ContentLoading.tsx | ||
|---|---|---|
| 1 |
import { Skeleton, Stack, Typography } from "@mui/material";
|
|
| 2 |
import { Fragment } from "react";
|
|
| 1 |
import { CircularProgress, Stack, Typography } from '@mui/material'
|
|
| 2 |
import { Fragment } from 'react'
|
|
| 3 | 3 |
|
| 4 | 4 |
/** |
| 5 | 5 |
* Component that shows a skeleton while the specified item is loading |
| 6 |
* @returns
|
|
| 6 |
* @returns |
|
| 7 | 7 |
*/ |
| 8 | 8 |
const ContentLoading = () => ( |
| 9 | 9 |
<Fragment> |
| 10 | 10 |
<Typography align="center" fontWeight={400}>
|
| 11 | 11 |
Loading ... |
| 12 | 12 |
</Typography> |
| 13 |
<Stack justifyContent="center" alignItems="center"> |
|
| 14 |
<Skeleton variant="rectangular" width="100%" height="25%" />
|
|
| 13 |
<Stack sx={{ mt: 2 }} justifyContent="center" alignItems="center">
|
|
| 14 |
<CircularProgress />
|
|
| 15 | 15 |
</Stack> |
| 16 | 16 |
</Fragment> |
| 17 | 17 |
) |
Také k dispozici: Unified diff
re #9243 - LCA milestone code refactor