44 lines
1.7 KiB
TypeScript
44 lines
1.7 KiB
TypeScript
import { globalRole, TEMA } from '@/module/_global';
|
|
import { globalIsMemberDivision } from '@/module/division_new';
|
|
import { useHookstate } from '@hookstate/core';
|
|
import { Box, Flex, SimpleGrid, Stack, Text } from '@mantine/core';
|
|
import { useParams } from 'next/navigation';
|
|
import React from 'react';
|
|
import { AiOutlineFileSearch } from 'react-icons/ai';
|
|
import { IoAddCircle } from 'react-icons/io5';
|
|
|
|
export default function DawerDivisionCalender() {
|
|
const roleLogin = useHookstate(globalRole)
|
|
const memberDivision = useHookstate(globalIsMemberDivision)
|
|
const param = useParams<{ id: string }>()
|
|
const tema = useHookstate(TEMA)
|
|
return (
|
|
<Box>
|
|
<Stack pt={10}>
|
|
<SimpleGrid cols={{ base: 2, sm: 3, lg: 3 }}>
|
|
{
|
|
(roleLogin.get() == "user" || roleLogin.get() == "coadmin") && !memberDivision.get() ? <></> :
|
|
<Flex onClick={() => window.location.href = `/division/${param.id}/calender/create`} justify={'center'} align={'center'} direction={'column'} >
|
|
<Box>
|
|
<IoAddCircle size={30} color={tema.get().utama} />
|
|
</Box>
|
|
<Box>
|
|
<Text ta={"center"} c={tema.get().utama}>Tambah Acara</Text>
|
|
</Box>
|
|
</Flex>
|
|
}
|
|
<Flex onClick={() => window.location.href = `/division/${param.id}/calender/history`} justify={'center'} align={'center'} direction={'column'} >
|
|
<Box>
|
|
<AiOutlineFileSearch size={30} color={tema.get().utama} />
|
|
</Box>
|
|
<Box>
|
|
<Text c={tema.get().utama}>Riwayat</Text>
|
|
</Box>
|
|
</Flex>
|
|
</SimpleGrid>
|
|
</Stack>
|
|
</Box>
|
|
);
|
|
}
|
|
|