nandi.uk
This repository has no description
semble
/
src
/
webapp
/
features
/
connections
/
containers
/
connectionsContainer
/
Skeleton.ConnectionsContainer.tsx
720 B
22 lines
1import { Grid, Group, Skeleton, Stack } from '@mantine/core';
2
3export default function ConnectionsContainerSkeleton() {
4 return (
5 <Stack gap={'md'} align="center">
6 <Group justify="space-between" w={'100%'} maw={600}>
7 <Skeleton height={36} width={132} radius={'xl'} />
8 <Skeleton height={36} width={95} radius={'xl'} />
9 </Group>
10 <Grid gap="xl" mx={'auto'} maw={600} w={'100%'}>
11 {[...Array(3)].map((_, i) => (
12 <Grid.Col key={i} span={12}>
13 <Stack gap={'xs'}>
14 <Skeleton height={80} radius={'lg'} />
15 <Skeleton height={200} radius={'lg'} />
16 </Stack>
17 </Grid.Col>
18 ))}
19 </Grid>
20 </Stack>
21 );
22}