diff --git a/src/app/(application)/(detail-division)/document/page.tsx b/src/app/(application)/(detail-division)/document/page.tsx
new file mode 100644
index 0000000..ad59b92
--- /dev/null
+++ b/src/app/(application)/(detail-division)/document/page.tsx
@@ -0,0 +1,10 @@
+import { ViewDocumentDivision } from '@/module/division_new';
+import React from 'react';
+
+function Page() {
+ return (
+
+ );
+}
+
+export default Page;
diff --git a/src/app/(application)/(detail-division)/documents/page.tsx b/src/app/(application)/(detail-division)/documents/page.tsx
deleted file mode 100644
index 69da2f2..0000000
--- a/src/app/(application)/(detail-division)/documents/page.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-
-function Page() {
- return (
-
- Page
-
- );
-}
-
-export default Page;
diff --git a/src/module/division_new/_division_fitur/discussion/component/form_create_discussion.tsx b/src/module/division_new/_division_fitur/discussion/component/form_create_discussion.tsx
index b25b407..8451623 100644
--- a/src/module/division_new/_division_fitur/discussion/component/form_create_discussion.tsx
+++ b/src/module/division_new/_division_fitur/discussion/component/form_create_discussion.tsx
@@ -1,7 +1,7 @@
'use client'
import { WARNA } from "@/module/_global";
import LayoutModal from "@/module/_global/layout/layout_modal";
-import { Avatar, Box, Button, Group, Text, Textarea } from "@mantine/core";
+import { Avatar, Box, Button, Center, Grid, Group, Text, Textarea } from "@mantine/core";
import { useState } from "react";
import toast from "react-hot-toast";
@@ -18,15 +18,27 @@ export default function FormCreateDiscussion() {
return (
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+ },
+ {
+ id: 2,
+ name: 'Administrasi',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+ {
+ id: 3,
+ name: 'Administrasi',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+ {
+ id: 3,
+ name: 'Berkas Kerja',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+ {
+ id: 3,
+ name: 'Berkas Kerja',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+ {
+ id: 3,
+ name: 'Image Kegiatan',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+ {
+ id: 3,
+ name: 'Image Pelaksanaan',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+]
+
+export default function ListDocumentsDivision() {
+ return (
+
+
+ {dataDocuments.map((v, i) => {
+ return (
+
+
+
+
+
+
+ {v.icon}
+
+
+ {v.name}
+ {v.date}
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+ })}
+
+
+ );
+}
+
diff --git a/src/module/division_new/_division_fitur/document/components/ui/drawer_menu_document_division.tsx b/src/module/division_new/_division_fitur/document/components/ui/drawer_menu_document_division.tsx
new file mode 100644
index 0000000..ec590d1
--- /dev/null
+++ b/src/module/division_new/_division_fitur/document/components/ui/drawer_menu_document_division.tsx
@@ -0,0 +1,117 @@
+"use clent"
+import { LayoutDrawer, WARNA } from '@/module/_global';
+import { ActionIcon, Box, Button, Divider, Flex, Grid, Modal, SimpleGrid, Stack, Text, TextInput } from '@mantine/core';
+import { useRouter } from 'next/navigation';
+import React, { useState } from 'react';
+import toast from 'react-hot-toast';
+import { FaFolderClosed, FaRegImage } from 'react-icons/fa6';
+import { HiDocumentText } from 'react-icons/hi2';
+import { IoAddCircle, IoDocumentText } from 'react-icons/io5';
+
+export default function DrawerMenuDocumentDivision() {
+ const [openDrawerDocument, setOpenDrawerDocument] = useState(false)
+ const [openModal, setOpenModal] = useState(false)
+ const router = useRouter()
+
+ function onCreate(val: boolean) {
+ if (val) {
+ toast.success("Sukses! Data tersimpan");
+ }
+ setOpenDrawerDocument(false)
+ setOpenModal(false)
+ router.push('/document')
+ }
+
+ return (
+
+
+ setOpenDrawerDocument(true)}
+ >
+
+
+
+
+
+ Tambah Dokumen
+
+
+
+
+ setOpenDrawerDocument(false)} title={''} size='lg' >
+ setOpenDrawerDocument(true)}
+ >
+ setOpenModal(true)} justify={'center'} align={'center'} direction={'column'} mb={20} >
+
+
+
+
+
+
+ Membuat Folder
+
+
+
+
+
+
+
+
+
+ Upload Dokumen
+
+
+
+
+
+
+
+
+
+ Upload Foto
+
+
+
+
+
+ setOpenModal(false)} centered withCloseButton={false}>
+
+ Buat Folder Baru
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/src/module/division_new/_division_fitur/document/components/ui/modal_create_folder.tsx b/src/module/division_new/_division_fitur/document/components/ui/modal_create_folder.tsx
new file mode 100644
index 0000000..96d1713
--- /dev/null
+++ b/src/module/division_new/_division_fitur/document/components/ui/modal_create_folder.tsx
@@ -0,0 +1,11 @@
+import React from 'react';
+
+function ModalCreateFolder() {
+ return (
+
+ ModalCreateFolder
+
+ );
+}
+
+export default ModalCreateFolder;
diff --git a/src/module/division_new/_division_fitur/document/components/ui/navbar_document_division.tsx b/src/module/division_new/_division_fitur/document/components/ui/navbar_document_division.tsx
new file mode 100644
index 0000000..14dbe4b
--- /dev/null
+++ b/src/module/division_new/_division_fitur/document/components/ui/navbar_document_division.tsx
@@ -0,0 +1,133 @@
+'use client'
+import { LayoutDrawer, LayoutNavbarNew, WARNA } from '@/module/_global';
+import { ActionIcon, Box, Checkbox, Divider, Flex, Grid, Group, Text } from '@mantine/core';
+import React, { useState } from 'react';
+import { HiMenu } from 'react-icons/hi';
+import DrawerMenuDocumentDivision from './drawer_menu_document_division';
+import ListDocumentsDivision from '../list_documents_division';
+import { FcDocument, FcFolder, FcImageFile } from 'react-icons/fc';
+
+const dataDocuments = [
+ {
+ id: 1,
+ name: 'Administrasi',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+ {
+ id: 2,
+ name: 'Administrasi',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+ {
+ id: 3,
+ name: 'Administrasi',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+ {
+ id: 3,
+ name: 'Berkas Kerja',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+ {
+ id: 3,
+ name: 'Berkas Kerja',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+ {
+ id: 3,
+ name: 'Image Kegiatan',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+ {
+ id: 3,
+ name: 'Image Pelaksanaan',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+ {
+ id: 3,
+ name: 'Image Pelaksanaan',
+ date: '18/06/2024 14.00 PM',
+ icon:
+ },
+]
+
+export default function NavbarDocumentDivision() {
+ const [isChecked, setIsChecked] = useState(false);
+
+ const handleCheckboxChange = () => {
+ setIsChecked(!isChecked);
+ };
+ const [isOpen, setOpen] = useState(false)
+ return (
+
+ {isChecked && (
+ <>
+
+ zxsdsd
+
+
+ zxsdsd
+
+
+ )}
+ setOpen(true)} variant="light" bg={WARNA.bgIcon} size="lg" radius="lg" aria-label="Settings">
+
+
+ }
+ />
+
+
+ {dataDocuments.map((v, i) => {
+ return (
+
+
+
+
+
+
+ {v.icon}
+
+
+ {v.name}
+ {v.date}
+
+
+
+
+
+
+
+
+
+
+
+
+ )
+ })}
+
+
+ setOpen(false)}>
+
+
+
+ );
+}
diff --git a/src/module/division_new/_division_fitur/document/view/view_document_division.tsx b/src/module/division_new/_division_fitur/document/view/view_document_division.tsx
new file mode 100644
index 0000000..a970bbc
--- /dev/null
+++ b/src/module/division_new/_division_fitur/document/view/view_document_division.tsx
@@ -0,0 +1,11 @@
+import { Box } from '@mantine/core';
+import React from 'react';
+import NavbarDocumentDivision from '../components/ui/navbar_document_division';
+
+export default function ViewDocumentDivision() {
+ return (
+
+
+
+ );
+}
\ No newline at end of file
diff --git a/src/module/division_new/components/detail_division/feature_detail_division.tsx b/src/module/division_new/components/detail_division/feature_detail_division.tsx
index 34e5153..19e26f2 100644
--- a/src/module/division_new/components/detail_division/feature_detail_division.tsx
+++ b/src/module/division_new/components/detail_division/feature_detail_division.tsx
@@ -52,7 +52,7 @@ export default function FeatureDetailDivision() {
border: `1px solid ${WARNA.bgHijauMuda}`,
borderRadius: 10,
padding: 10
- }} onClick={() => router.push('/documents')}>
+ }} onClick={() => router.push('/document')}>