41 lines
1.4 KiB
TypeScript
41 lines
1.4 KiB
TypeScript
"use client"
|
|
import { WARNA } from "@/module/_global";
|
|
import { Box, Stack, SimpleGrid, Flex, Text } from "@mantine/core";
|
|
import { useParams, useRouter } from "next/navigation";
|
|
import { BsInfoCircle } from "react-icons/bs";
|
|
import { FaPencil } from "react-icons/fa6";
|
|
import { TbReportAnalytics } from "react-icons/tb";
|
|
|
|
export default function DrawerDetailDivision() {
|
|
const param = useParams<{ id: string }>()
|
|
const router = useRouter()
|
|
|
|
return (
|
|
<Box>
|
|
<Stack pt={10}>
|
|
<SimpleGrid
|
|
cols={{ base: 2, sm: 2, lg: 3 }}
|
|
>
|
|
<Flex onClick={() => router.push('/division/info/' + param.id)} justify={'center'} align={'center'} direction={'column'} >
|
|
<Box>
|
|
<BsInfoCircle size={30} color={WARNA.biruTua} />
|
|
</Box>
|
|
<Box>
|
|
<Text c={WARNA.biruTua}>Informasi Divisi</Text>
|
|
</Box>
|
|
</Flex>
|
|
<Flex onClick={() => {
|
|
router.push('/division/report/' + param.id)
|
|
}} justify={'center'} align={'center'} direction={'column'} >
|
|
<Box>
|
|
<TbReportAnalytics size={30} color={WARNA.biruTua} />
|
|
</Box>
|
|
<Box>
|
|
<Text c={WARNA.biruTua}>Report Divisi</Text>
|
|
</Box>
|
|
</Flex>
|
|
</SimpleGrid>
|
|
</Stack>
|
|
</Box>
|
|
);
|
|
} |