From 2e60b7b20ba3d05530b17d263dec2a0fa86d9a5a Mon Sep 17 00:00:00 2001
From: amel <amel@amel.local>
Date: Tue, 3 Sep 2024 17:25:19 +0800
Subject: [PATCH] upd: dokumen divisi

Deskripsi:
- view file dokumen divisi

No Issues
---
 .../document/ui/navbar_document_division.tsx     | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/module/document/ui/navbar_document_division.tsx b/src/module/document/ui/navbar_document_division.tsx
index 39057aa..fee9b2e 100644
--- a/src/module/document/ui/navbar_document_division.tsx
+++ b/src/module/document/ui/navbar_document_division.tsx
@@ -1,5 +1,5 @@
 'use client'
-import { LayoutDrawer, LayoutNavbarNew, WARNA } from '@/module/_global';
+import { LayoutDrawer, LayoutModalViewFile, LayoutNavbarNew, WARNA } from '@/module/_global';
 import { ActionIcon, Anchor, Box, Breadcrumbs, Button, Checkbox, Divider, Flex, Grid, Group, Indicator, Modal, rem, Select, SimpleGrid, Text, TextInput } from '@mantine/core';
 import React, { useState } from 'react';
 import { HiMenu } from 'react-icons/hi';
@@ -28,6 +28,9 @@ import { FaShare } from 'react-icons/fa6';
 export default function NavbarDocumentDivision() {
   const router = useRouter()
   const param = useParams<{ id: string }>()
+  const [isOpenModalView, setOpenModalView] = useState(false)
+  const [isExtension, setExtension] = useState('')
+  const [idData, setIdData] = useState('')
   const [name, setName] = useState('')
   const [isOpen, setOpen] = useState(false)
   const [isDelete, setIsDelete] = useState(false)
@@ -327,8 +330,14 @@ export default function NavbarDocumentDivision() {
                   <Grid align='center' >
                     <Grid.Col span={10}
                       onClick={() => {
-                        if (v.category == "FOLDER" && selectedFiles.length == 0 && !dariSelectAll)
+                        if (v.category == "FOLDER" && selectedFiles.length == 0 && !dariSelectAll) {
                           router.push('?path=' + v.id)
+                        } else if(v.category == "FILE" && selectedFiles.length == 0 && !dariSelectAll){
+                          setExtension(v.extension)
+                          setIdData(v.id)
+                          setOpenModalView(true)
+                        }
+
                       }}
                     >
                       <Group gap={20}>
@@ -452,6 +461,9 @@ export default function NavbarDocumentDivision() {
       <LayoutDrawer opened={more} title={''} onClose={() => setMore(false)}>
         <DrawerMore data={selectedFiles} />
       </LayoutDrawer>
+
+
+      <LayoutModalViewFile opened={isOpenModalView} onClose={() => setOpenModalView(false)} file={idData + '.' + isExtension} extension={isExtension} fitur='dokumen' />
     </Box>
   );
 }