From 8ac79cccb772f47fc27b1131adbc849396f05047 Mon Sep 17 00:00:00 2001
From: amel <amel@amel.local>
Date: Wed, 17 Jul 2024 15:21:19 +0800
Subject: [PATCH] upd: divisi

Deskripsi:
- edit divisi
- info divisi
- edit anggota divisi
- report divisi
- navbar detail divisi

No Issues
---
 .../division/edit-anggota/[id]/page.tsx       |  7 +++
 .../(application)/division/edit/[id]/page.tsx |  7 +++
 .../(application)/division/info/[id]/page.tsx |  7 +++
 .../division/report/[id]/page.tsx             |  7 +++
 .../components/detail_event_division.tsx      |  2 +-
 .../detail_division/detail_division.tsx       |  6 +-
 .../components/ui/drawer_detail_division.tsx  | 57 +++++++++++++++++++
 .../components/ui/drawer_division.tsx         |  2 +-
 .../components/ui/navbar_detail_division.tsx  | 24 ++++++++
 9 files changed, 114 insertions(+), 5 deletions(-)
 create mode 100644 src/app/(application)/division/edit-anggota/[id]/page.tsx
 create mode 100644 src/app/(application)/division/edit/[id]/page.tsx
 create mode 100644 src/app/(application)/division/info/[id]/page.tsx
 create mode 100644 src/app/(application)/division/report/[id]/page.tsx
 create mode 100644 src/module/division_new/components/ui/drawer_detail_division.tsx
 create mode 100644 src/module/division_new/components/ui/navbar_detail_division.tsx

diff --git a/src/app/(application)/division/edit-anggota/[id]/page.tsx b/src/app/(application)/division/edit-anggota/[id]/page.tsx
new file mode 100644
index 0000000..c75333d
--- /dev/null
+++ b/src/app/(application)/division/edit-anggota/[id]/page.tsx
@@ -0,0 +1,7 @@
+function Page() {
+   return (
+      <>Edit Anggota divisi</>
+   )
+}
+
+export default Page;
\ No newline at end of file
diff --git a/src/app/(application)/division/edit/[id]/page.tsx b/src/app/(application)/division/edit/[id]/page.tsx
new file mode 100644
index 0000000..fd35d91
--- /dev/null
+++ b/src/app/(application)/division/edit/[id]/page.tsx
@@ -0,0 +1,7 @@
+function Page() {
+   return (
+      <>Edit Divisi</>
+   )
+}
+
+export default Page
\ No newline at end of file
diff --git a/src/app/(application)/division/info/[id]/page.tsx b/src/app/(application)/division/info/[id]/page.tsx
new file mode 100644
index 0000000..1819638
--- /dev/null
+++ b/src/app/(application)/division/info/[id]/page.tsx
@@ -0,0 +1,7 @@
+function Page() {
+   return (
+      <>informasi divisi</>
+   )
+}
+
+export default Page;
\ No newline at end of file
diff --git a/src/app/(application)/division/report/[id]/page.tsx b/src/app/(application)/division/report/[id]/page.tsx
new file mode 100644
index 0000000..90b0491
--- /dev/null
+++ b/src/app/(application)/division/report/[id]/page.tsx
@@ -0,0 +1,7 @@
+function Page() {
+   return (
+      <>Report divisi</>
+   )
+}
+
+export default Page
\ No newline at end of file
diff --git a/src/module/division_new/_division_fitur/calender/components/detail_event_division.tsx b/src/module/division_new/_division_fitur/calender/components/detail_event_division.tsx
index 88f65b7..08dbbb8 100644
--- a/src/module/division_new/_division_fitur/calender/components/detail_event_division.tsx
+++ b/src/module/division_new/_division_fitur/calender/components/detail_event_division.tsx
@@ -46,7 +46,7 @@ export default function DetailEventDivision() {
   const [openDrawer, setOpenDrawer] = useState(false)
   return (
     <Box>
-      <LayoutNavbarNew back="/calender" title="Detail Event"
+      <LayoutNavbarNew back="" title="Detail Event"
         menu={<ActionIcon variant="light" onClick={() => setOpenDrawer(true)} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
           <HiMenu size={20} color='white' />
         </ActionIcon>} />
diff --git a/src/module/division_new/components/detail_division/detail_division.tsx b/src/module/division_new/components/detail_division/detail_division.tsx
index f668359..e448eb2 100644
--- a/src/module/division_new/components/detail_division/detail_division.tsx
+++ b/src/module/division_new/components/detail_division/detail_division.tsx
@@ -1,16 +1,16 @@
-import { Box, Stack } from '@mantine/core';
+import { ActionIcon, Box, Stack } from '@mantine/core';
 import React from 'react';
 import CarouselDivision from './carousel_division';
-import { LayoutNavbarNew } from '@/module/_global';
 import FeatureDetailDivision from './feature_detail_division';
 import ListDiscussionOnDetailDivision from './list_discussion';
 import ListTaskOnDetailDivision from './list_task';
 import ListDocumentOnDetailDivision from './list_document';
+import NavbarDetailDivision from '../ui/navbar_detail_division';
 
 export default function DetailDivision() {
   return (
     <Box>
-      <LayoutNavbarNew back="/division" title={"Divisi kerohanian"} menu />
+      <NavbarDetailDivision />
       <Box p={20}>
         <Stack>
           <CarouselDivision />
diff --git a/src/module/division_new/components/ui/drawer_detail_division.tsx b/src/module/division_new/components/ui/drawer_detail_division.tsx
new file mode 100644
index 0000000..f5e5dfc
--- /dev/null
+++ b/src/module/division_new/components/ui/drawer_detail_division.tsx
@@ -0,0 +1,57 @@
+import { WARNA } from "@/module/_global";
+import { Box, Stack, SimpleGrid, Flex, Text } from "@mantine/core";
+import router from "next/router";
+import { BsInfoCircle } from "react-icons/bs";
+import { FaPencil } from "react-icons/fa6";
+import { TbReportAnalytics } from "react-icons/tb";
+
+export default function DrawerDetailDivision() {
+   return (
+      <Box>
+         <Stack pt={10}>
+            <SimpleGrid
+               cols={{ base: 3, sm: 3, lg: 3 }}
+            >
+               <Flex onClick={() => router.push('/division/info/1')} 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/edit/1')
+               }} justify={'center'} align={'center'} direction={'column'} >
+                  <Box>
+                     <FaPencil size={30} color={WARNA.biruTua} />
+                  </Box>
+                  <Box>
+                     <Text c={WARNA.biruTua}>Edit Divisi</Text>
+                  </Box>
+               </Flex>
+               <Flex onClick={() => {
+                  router.push('/division/edit-anggota/1')
+               }} justify={'center'} align={'center'} direction={'column'} >
+                  <Box>
+                     <TbReportAnalytics size={30} color={WARNA.biruTua} />
+                  </Box>
+                  <Box>
+                     <Text c={WARNA.biruTua}>Edit Anggota</Text>
+                  </Box>
+               </Flex>
+               <Flex onClick={() => {
+                  router.push('/division/report/1')
+               }} 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>
+   );
+}
\ No newline at end of file
diff --git a/src/module/division_new/components/ui/drawer_division.tsx b/src/module/division_new/components/ui/drawer_division.tsx
index dc2bf74..fe7a903 100644
--- a/src/module/division_new/components/ui/drawer_division.tsx
+++ b/src/module/division_new/components/ui/drawer_division.tsx
@@ -20,7 +20,7 @@ export default function DrawerDivision() {
               <IoAddCircle size={30} color={WARNA.biruTua} />
             </Box>
             <Box>
-              <Text c={WARNA.biruTua}>Tambah Proyek</Text>
+              <Text c={WARNA.biruTua}>Tambah Divisi</Text>
             </Box>
           </Flex>
           <Flex onClick={() => {
diff --git a/src/module/division_new/components/ui/navbar_detail_division.tsx b/src/module/division_new/components/ui/navbar_detail_division.tsx
new file mode 100644
index 0000000..02b5f1c
--- /dev/null
+++ b/src/module/division_new/components/ui/navbar_detail_division.tsx
@@ -0,0 +1,24 @@
+'use client'
+import { LayoutDrawer, LayoutNavbarNew, WARNA } from "@/module/_global";
+import { ActionIcon, Box } from "@mantine/core";
+import { useState } from "react";
+import { HiMenu } from "react-icons/hi";
+import DrawerDetailDivision from "./drawer_detail_division";
+
+export default function NavbarDetailDivision() {
+   const [openDrawer, setOpenDrawer] = useState(false)
+   return (
+      <Box>
+         <LayoutNavbarNew back="" title={"Divisi kerohanian"} menu={
+            <ActionIcon variant="light" onClick={() => (setOpenDrawer(true))} bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+               <HiMenu size={20} color='white' />
+            </ActionIcon>
+         } />
+         <LayoutDrawer opened={openDrawer} title={'Menu'} onClose={() => setOpenDrawer(false)}>
+            <DrawerDetailDivision />
+         </LayoutDrawer>
+      </Box>
+
+
+   );
+}
\ No newline at end of file