wibu/hipmi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add All Skeleton Except Collaboration

Browse Source
This commit is contained in:
nico
2024-12-30 17:37:44 +08:00
parent 82a55d7148
commit a74a32b422
55 changed files with 305 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/app_modules/notifikasi/component/skeleton_view.tsx
View File

@@ -1,25 +1,26 @@
import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
import { Stack, Group, Skeleton, Divider } from "@mantine/core";
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
import { Divider, Group, Stack } from "@mantine/core";
export default function Notifikasi_ComponentSkeletonView() {
return (
<>
{Array.from({ length: 10 }).map((_, i) => (
{Array.from({ length: 3 }).map((_, i) => (
<ComponentGlobal_CardStyles key={i}>
<Stack>
<Group position="apart">
<Skeleton h={15} w={70} radius={"xl"} />
<Skeleton h={15} w={100} radius={"xl"} />
<CustomSkeleton h={15} w={70} radius={"xl"} />
<CustomSkeleton h={15} w={100} radius={"xl"} />
</Group>
<Divider color="gray" />
<Skeleton h={15} w={50} radius={"xl"} />
<Skeleton h={15} w={"100%"} radius={"xl"} />
<Skeleton h={15} w={"100%"} radius={"xl"} />
<Divider color="#1F5B9E" />
<CustomSkeleton h={15} w={50} radius={"xl"} />
<CustomSkeleton h={15} w={"100%"} radius={"xl"} />
<CustomSkeleton h={15} w={"100%"} radius={"xl"} />
<Group position="apart">
<Skeleton h={15} w={100} radius={"xl"} />
<Skeleton h={15} w={50} radius={"xl"} />
<CustomSkeleton h={15} w={100} radius={"xl"} />
<CustomSkeleton h={15} w={50} radius={"xl"} />
</Group>
</Stack>
</ComponentGlobal_CardStyles>