wibu/sistem-desa-mandiri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat : update skeleton

Browse Source
This commit is contained in:
lukman
2024-08-15 09:59:58 +08:00
parent de7ace8d49
commit d1c640570b
4 changed files with 149 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/module/_global/components/skeleton_detail_discussion_comment.tsx Normal file
View File

@@ -0,0 +1,29 @@
import { ActionIcon, Box, Divider, Group, Skeleton } from "@mantine/core";
export default function SkeletonDetailDiscussionComment() {
return (
<>
<Group justify='space-between'>
<Box>
<Box>
<ActionIcon
variant="light"
bg={"#DCEED8"}
size={50}
radius={100}
aria-label="icon"
>
<Skeleton height={25} width={25} />
</ActionIcon>
</Box>
<Skeleton height={15} mt={6} width="50%" radius="xl" />
</Box>
<Skeleton height={15} mt={6} width="30%" radius="xl" />
</Group>
<Skeleton height={40} radius="xl" />
<Box mt={20}>
<Divider size={"xs"} />
</Box>
</>
);
}

38
src/module/_global/components/skeleton_detail_discussion_member.tsx Normal file
View File

@@ -0,0 +1,38 @@
import { ActionIcon, Box, Flex, Group, Skeleton } from '@mantine/core';
import React from 'react';
export default function SkeletonDetailDiscussionMember() {
return (
<>
<Flex justify="space-between" align="center" mt={20}>
<Group>
<Box>
<ActionIcon
variant="light"
bg={"#DCEED8"}
size={50}
radius={100}
aria-label="icon"
>
<Skeleton height={25} width={25} />
</ActionIcon>
</Box>
<Box>
<Skeleton height={8} mt={6} width="50%" radius="xl" />
<Skeleton height={8} mt={6} width="30%" radius="xl" />
</Box>
</Group>
<Skeleton height={8} mt={6} width="30%" radius="xl" />
</Flex>
<Box mt={10}>
<Skeleton height={8} radius="xl" />
</Box>
<Group justify="space-between" mt={20} c={'#8C8C8C'}>
<Group gap={5} align="center">
<Skeleton height={8} mt={6} width="30%" radius="xl" />
</Group>
</Group>
</>
);
}

6
src/module/_global/index.ts
View File

@@ -1,5 +1,7 @@
import prisma from "./bin/prisma";
import { pwd_key_config } from "./bin/val_global";
import SkeletonDetailDiscussionComment from "./components/skeleton_detail_discussion_comment";
import SkeletonDetailDiscussionMember from "./components/skeleton_detail_discussion_member";
import SkeletonSingle from "./components/skeleton_single";
import { WARNA } from "./fun/WARNA";
import LayoutDrawer from "./layout/layout_drawer";
@@ -20,4 +22,6 @@ export { LayoutNavbarNew };
export { ViewFilter };
export { prisma };
export { pwd_key_config };
export {SkeletonSingle}
export { SkeletonSingle }
export { SkeletonDetailDiscussionComment }
export { SkeletonDetailDiscussionMember }