diff --git a/src/pages/Votings/pages/VotingsList/components/VotingListCardSkeleton.tsx b/src/pages/Votings/pages/VotingsList/components/VotingListCardSkeleton.tsx new file mode 100644 index 0000000..cd85666 --- /dev/null +++ b/src/pages/Votings/pages/VotingsList/components/VotingListCardSkeleton.tsx @@ -0,0 +1,32 @@ +import { Divider, Skeleton, Stack, StackProps } from '@mui/material' + +import { UiIcon } from '@/ui' + +type Props = StackProps + +export default function VotingListCard({ ...rest }: Props) { + return ( + + + + + + + + + + + + + + + + + ) +} diff --git a/src/pages/Votings/pages/VotingsList/components/index.ts b/src/pages/Votings/pages/VotingsList/components/index.ts index fc2d201..db1ab3e 100644 --- a/src/pages/Votings/pages/VotingsList/components/index.ts +++ b/src/pages/Votings/pages/VotingsList/components/index.ts @@ -1 +1,2 @@ export { default as VotingListCard } from './VotingListCard' +export { default as VotingListCardSkeleton } from './VotingListCardSkeleton' diff --git a/src/pages/Votings/pages/VotingsList/index.tsx b/src/pages/Votings/pages/VotingsList/index.tsx index 21e4fe3..46832c5 100644 --- a/src/pages/Votings/pages/VotingsList/index.tsx +++ b/src/pages/Votings/pages/VotingsList/index.tsx @@ -1,9 +1,9 @@ -import { Alert, Box, Grid, Paper, Skeleton, Stack } from '@mui/material' +import { Alert, Paper, Stack } from '@mui/material' import { NoDataViewer, PageTitles } from '@/common' import { useVotingsContext } from '@/pages/Votings/contexts' -import { VotingListCard } from './components' +import { VotingListCard, VotingListCardSkeleton } from './components' export default function VotingsList() { const { AppVotings, isVotingsLoading, isVotingsLoadingError } = useVotingsContext() @@ -13,14 +13,14 @@ export default function VotingsList() { {isVotingsLoading ? ( - - - - - - - - + + + + + + + + ) : isVotingsLoadingError ? ( {`There's an error occurred, please, reload page`} ) : AppVotings.length ? (