nandi.uk
This repository has no description
semble
/
src
/
webapp
/
features
/
collections
/
containers
/
collectionsContainer
/
Skeleton.CollectionsContainer.tsx
714 B
21 lines
1import { Container, Group, SimpleGrid, Skeleton, Stack } from '@mantine/core';
2import CollectionCardSkeleton from '../../components/collectionCard/Skeleton.CollectionCard';
3
4export default function CollectionsContainerSkeleton() {
5 return (
6 <Container p="xs" size="xl">
7 <Stack gap={'xs'}>
8 <Group gap={'xs'} justify="space-between">
9 <Skeleton w={96} h={36} radius={'xl'} />
10 <Skeleton w={160} h={36} radius={'xl'} />
11 </Group>
12
13 <SimpleGrid cols={{ base: 1, sm: 2, lg: 4 }} spacing="xs">
14 {Array.from({ length: 4 }).map((_, i) => (
15 <CollectionCardSkeleton key={i} />
16 ))}
17 </SimpleGrid>
18 </Stack>
19 </Container>
20 );
21}