nandi.uk
This repository has no description
feat: update account summary skeleton
author
pdelfan
date
(May 6, 2026, 5:38 PM -0700)
commit
c53051ca
c53051ca0f5c49f93b55d4da8a91c1be795056b6
parent
da210f07
da210f079ea011b4c5a6cdd25c52a609e2d9dba3
+13
-8
+13
-8
src/webapp/features/settings/components/accountSummary/Skeleton.AccountSummary.tsx
+13
-8
src/webapp/features/settings/components/accountSummary/Skeleton.AccountSummary.tsx
···
1
-
import { Stack, Avatar, Skeleton } from '@mantine/core';
1
+
import { Card, Group, Stack, Skeleton } from '@mantine/core';
2
+
import classes from './AccountSummary.module.css';
2
3
3
4
export default function AccountSummarySkeleton() {
4
5
return (
5
-
<Stack align="center">
6
-
<Avatar size={'xl'} radius={'lg'} />
7
-
<Stack gap={'xs'} align="center">
8
-
<Skeleton w={100} h={28} />
9
-
<Skeleton w={80} h={18} />
10
-
</Stack>
11
-
</Stack>
6
+
<Card p={'sm'} radius={'lg'} classNames={{ root: classes.root }}>
7
+
<Group gap={'xs'}>
8
+
<Skeleton width={56} height={56} radius={'md'} />
9
+
<Stack gap={'xs'}>
10
+
<Stack gap={0}>
11
+
<Skeleton w={120} h={22} />
12
+
<Skeleton w={90} h={22} mt={4} />
13
+
</Stack>
14
+
</Stack>
15
+
</Group>
16
+
</Card>
12
17
);
13
18
}