nandi.uk
This repository has no description
semble
/
src
/
webapp
/
features
/
profile
/
containers
/
profileConnectionsContainer
/
Skeleton.ProfileConnectionsContainer.tsx
793 B
29 lines
1import {
2 Container,
3 Grid,
4 GridCol,
5 Group,
6 Skeleton,
7 Stack,
8} from '@mantine/core';
9import ProfileConnectionItemSkeleton from '@/features/connections/components/profileConnectionItem/Skeleton.ProfileConnectionItem';
10
11export default function ProfileConnectionsContainerSkeleton() {
12 return (
13 <Container p="xs" size="xl">
14 <Stack gap={'md'} align="center">
15 <Group justify="flex-start" w={'100%'} maw={700}>
16 <Skeleton w={95} h={36} radius={'xl'} />
17 </Group>
18
19 <Grid gap="xl" mx={'auto'} maw={700} w={'100%'}>
20 {Array.from({ length: 3 }).map((_, i) => (
21 <GridCol key={i} span={12}>
22 <ProfileConnectionItemSkeleton />
23 </GridCol>
24 ))}
25 </Grid>
26 </Stack>
27 </Container>
28 );
29}