nandi.uk
This repository has no description
919 B
32 lines
1'use client';
2
3import UrlCardSkeleton from '@/features/cards/components/urlCard/Skeleton.UrlCard';
4import { Avatar, Card, Group, Paper, Skeleton, Stack } from '@mantine/core';
5import { useColorScheme } from '@mantine/hooks';
6
7export default function FeedItemSkeleton() {
8 const colorScheme = useColorScheme();
9
10 return (
11 <Stack gap={'xs'} align="stretch">
12 {/* Feed activity status*/}
13 <Card
14 p={0}
15 bg={colorScheme === 'dark' ? 'dark.4' : 'gray.1'}
16 radius={'lg'}
17 >
18 <Stack gap={'xs'} align="stretch" w={'100%'}>
19 <Group gap={'xs'} wrap="nowrap" align="center" p={'xs'}>
20 <Avatar />
21 <Stack gap={'sm'} align="stretch" w={'100%'}>
22 <Skeleton w={'100%'} h={21} />
23 <Skeleton w={'20%'} h={13} />
24 </Stack>
25 </Group>
26 </Stack>
27 </Card>
28
29 <UrlCardSkeleton />
30 </Stack>
31 );
32}