nandi.uk
This repository has no description
semble
/
src
/
webapp
/
features
/
cards
/
containers
/
cardsContainer
/
Skeleton.CardsContainer.tsx
734 B
31 lines
1import {
2 Container,
3 Grid,
4 GridCol,
5 Group,
6 Select,
7 Skeleton,
8 Stack,
9} from '@mantine/core';
10import UrlCardSkeleton from '../../components/urlCard/Skeleton.UrlCard';
11
12export default function CardsContainerSkeleton() {
13 return (
14 <Container p="xs" size="xl">
15 <Stack>
16 <Group gap={'xs'} justify="space-between">
17 <Skeleton w={96} h={36} radius={'xl'} />
18 <Skeleton w={100} h={36} radius={'xl'} />
19 </Group>
20
21 <Grid gap="xs">
22 {Array.from({ length: 8 }).map((_, i) => (
23 <GridCol key={i} span={{ base: 12, xs: 6, sm: 4, lg: 3 }}>
24 <UrlCardSkeleton />
25 </GridCol>
26 ))}
27 </Grid>
28 </Stack>
29 </Container>
30 );
31}