nandi.uk
This repository has no description
semble
/
src
/
webapp
/
features
/
platforms
/
bluesky
/
components
/
blueskyPost
/
Skeleton.BlueskyPost.tsx
688 B
22 lines
1import { Stack, Group, Avatar, Skeleton } from '@mantine/core';
2import { FaBluesky } from 'react-icons/fa6';
3
4export default function BlueskyPostSkeleton() {
5 return (
6 <Stack justify="space-between" gap="xs">
7 <Group gap="xs" justify="space-between" wrap="nowrap" w={'100%'}>
8 <Group gap={'xs'} wrap="nowrap" w={'100%'}>
9 <Avatar size={'sm'} radius="xl" />
10 <Skeleton w={'70%'} h={14} />
11 </Group>
12
13 <FaBluesky size={18} fill="#0085ff" />
14 </Group>
15 <Stack w={'100%'} gap={5}>
16 <Skeleton w={'100%'} h={10} />
17 <Skeleton w={'100%'} h={10} />
18 <Skeleton w={'100%'} h={10} />
19 </Stack>
20 </Stack>
21 );
22}