nandi.uk
This repository has no description
semble
/
src
/
webapp
/
features
/
semble
/
containers
/
sembleMentionsContainer
/
Skeleton.SembleMentionsContainer.tsx
966 B
38 lines
1import UrlCardSkeleton from '@/features/cards/components/urlCard/Skeleton.UrlCard';
2import {
3 Button,
4 Combobox,
5 ComboboxTarget,
6 Grid,
7 GridCol,
8 Group,
9 Select,
10 Skeleton,
11 Stack,
12} from '@mantine/core';
13
14export default function SembleMentionsContainerSkeleton() {
15 return (
16 <Stack gap={'xs'} align="center">
17 <Group justify="space-between" w={'100%'} maw={600}>
18 <Combobox>
19 <ComboboxTarget>
20 <Button variant="light" color="gray" loading>
21 <Skeleton height={16} width={60} />
22 </Button>
23 </ComboboxTarget>
24 </Combobox>
25 <Select ml={'auto'} size="sm" variant="filled" disabled />
26 </Group>
27 <Stack>
28 <Grid gap="sm" mx={'auto'} maw={600}>
29 {Array.from({ length: 8 }).map((_, i) => (
30 <GridCol key={i} span={12}>
31 <UrlCardSkeleton />
32 </GridCol>
33 ))}
34 </Grid>
35 </Stack>
36 </Stack>
37 );
38}