feat : update validation

This commit is contained in:
lukman
2024-08-26 17:33:14 +08:00
parent 5f169a7e5f
commit 80c6eb7f9a
27 changed files with 762 additions and 318 deletions

View File

@@ -0,0 +1,40 @@
import { Box, Group, Skeleton, Stack } from '@mantine/core';
import React from 'react';
export default function SkeletonDetailEvent() {
return (
<Box style={{
border: `1px solid ${"#D8D8F1"}`,
padding: 20,
borderRadius: 10
}}>
<Stack ml={10}>
<Group mb={10} gap={30}>
<Skeleton height={30} width={30} radius="md" />
<Skeleton height={20} width={"60%"} radius="md" />
</Group>
<Group mb={10} gap={30}>
<Skeleton height={30} width={30} radius="md" />
<Skeleton height={20} width={"60%"} radius="md" />
</Group>
<Group mb={10} gap={30}>
<Skeleton height={30} width={30} radius="md" />
<Skeleton height={20} width={"60%"} radius="md" />
</Group>
<Group mb={10} gap={30}>
<Skeleton height={30} width={30} radius="md" />
<Skeleton height={20} width={"60%"} radius="md" />
</Group>
<Group mb={10} gap={30}>
<Skeleton height={30} width={30} radius="md" />
<Skeleton height={20} width={"60%"} radius="md" />
</Group>
<Group gap={30}>
<Skeleton height={30} width={30} radius="md" />
<Skeleton height={20} width={"60%"} radius="md" />
</Group>
</Stack>
</Box>
);
}