Files
hipmi/src/app_modules/donasi/component/skeleton_donasi.tsx
amel 0d4cc57c8b upd: donasi
Deskripsi:
- update api donasi
- api galang dana nanti dlu aja, soalnya kejar tayang

No Issues
2024-12-12 14:28:35 +08:00

31 lines
1.1 KiB
TypeScript

import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
import { Box, Grid, Group, Skeleton, Stack } from "@mantine/core";
export default function SkeletonDonasi() {
return <>
<Box>
{[...Array(3)].map((_, index) => (
<ComponentGlobal_CardStyles key={index}>
<Grid>
<Grid.Col span={6}>
<Skeleton w={"100%"} height={100} radius="md" />
</Grid.Col>
<Grid.Col span={6}>
<Box>
{[...Array(4)].map((_, index) => (
<Box key={index} py={5}>
<Grid align="center">
<Grid.Col span={12}>
<Skeleton w={"100%"} h={15} />
</Grid.Col>
</Grid>
</Box>
))}
</Box>
</Grid.Col>
</Grid>
</ComponentGlobal_CardStyles>
))}
</Box >
</>;
}