refactor: folder manager task

src/module/task/ui/navbar_detail_division_task.tsx

@@ -1,17 +1,20 @@
 'use client'
-import { LayoutNavbarNew, WARNA } from "@/module/_global";
-import { ActionIcon } from "@mantine/core";
+import { LayoutDrawer, LayoutNavbarNew, WARNA } from "@/module/_global";
+import { ActionIcon, Box, Flex, SimpleGrid, Stack, Text } from "@mantine/core";
 import { useParams, useRouter } from "next/navigation";
 import { useState } from "react";
 import toast from "react-hot-toast";
-import { LuClipboardEdit } from "react-icons/lu";
 import { funGetTaskDivisionById } from "../lib/api_task";
 import { useShallowEffect } from "@mantine/hooks";
+import { HiMenu } from "react-icons/hi";
+import { IoAddCircle } from "react-icons/io5";
+import { RiFilter2Line } from "react-icons/ri";
 
 export default function NavbarDetailDivisionTask() {
    const router = useRouter()
    const param = useParams<{ id: string, detail: string }>()
    const [name, setName] = useState('')
+   const [isOpen, setOpen] = useState(false)
 
    async function getOneData() {
       try {
@@ -34,17 +37,62 @@ export default function NavbarDetailDivisionTask() {
 
 
    return (
-      <LayoutNavbarNew back="" title={name} menu={
-         <ActionIcon
-            variant="light"
-            bg={WARNA.bgIcon}
-            size="lg"
-            radius="lg"
-            aria-label="Settings"
-            onClick={() => router.push("update/clzwclyjc00072sqq4sbr5iz4")}
-         >
-            <LuClipboardEdit size={20} color="white" />
-         </ActionIcon>
-      } />
+      <>
+         <LayoutNavbarNew back="" title={name} menu={
+            <ActionIcon
+               variant="light"
+               bg={WARNA.bgIcon}
+               size="lg"
+               radius="lg"
+               aria-label="Settings"
+               onClick={() => { }}
+            >
+               <HiMenu size={20} color="white" />
+            </ActionIcon>
+         } />
+
+
+         <LayoutDrawer opened={isOpen} title={'Menu'} onClose={() => setOpen(false)}>
+            <Box>
+               <Stack pt={10}>
+                  <SimpleGrid
+                     cols={{ base: 3, sm: 3, lg: 3 }}
+                  >
+                     <Flex justify={'center'} align={'center'} direction={'column'}
+                        style={{
+                           cursor: 'pointer'
+                        }}
+                        onClick={() => {
+                           router.push('/announcement/create')
+                        }}
+                     >
+                        <Box>
+                           <IoAddCircle size={30} color={WARNA.biruTua} />
+                        </Box>
+                        <Box>
+                           <Text c={WARNA.biruTua} ta='center'>Tambah Pengumuman</Text>
+                        </Box>
+                     </Flex>
+
+                     <Flex justify={'center'} align={'center'} direction={'column'}
+                        style={{
+                           cursor: 'pointer'
+                        }}
+                        onClick={() => {
+                           router.push('/announcement?page=filter')
+                        }}
+                     >
+                        <Box>
+                           <RiFilter2Line size={30} color={WARNA.biruTua} />
+                        </Box>
+                        <Box>
+                           <Text c={WARNA.biruTua} ta='center'>Filter</Text>
+                        </Box>
+                     </Flex>
+                  </SimpleGrid>
+               </Stack>
+            </Box>
+         </LayoutDrawer>
+      </>
    )
 }