revisi: dokumen divisi

Deskripsi:
- update on click pada flex selected file
- file share boleh di unduh

No Issues

src/module/document/ui/navbar_document_division.tsx

@@ -106,7 +106,7 @@ export default function NavbarDocumentDivision() {
     }
 
     const cek = selectedFiles.some((i: any) => i?.category == "FOLDER");
-    if (cek || shareSelected || selectedFiles.length > 1) {
+    if (cek || selectedFiles.length > 1) {
       setCopyAllowed(false);
     } else {
       setCopyAllowed(true);
@@ -345,16 +345,14 @@ export default function NavbarDocumentDivision() {
           >
             <Flex justify={"center"} align={"center"} h={"100%"} w={"100%"}>
               <SimpleGrid cols={{ base: 5, sm: 5, lg: 5 }} spacing="xs">
-                <Flex justify={"center"} align={"center"} direction={"column"} >
+                <Flex justify={"center"} align={"center"} direction={"column"}
-                  <ActionIcon
+                  onClick={() => {
-                    variant="subtle"
+                    if (selectedFiles.length > 0 && copyAllowed) {
-                    aria-label="delete"
+                      onDownload("selected");
-                    onClick={() => {
+                    }
-                      if (selectedFiles.length > 0 && copyAllowed) {
+                  }}
-                        onDownload("selected");
+                >
-                      }
+                  <ActionIcon variant="subtle" aria-label="delete" >
-                    }}
-                  >
                     <BsDownload
                       size={20}
                       color={
@@ -376,16 +374,14 @@ export default function NavbarDocumentDivision() {
                     Unduh
                   </Text>
                 </Flex>
-                <Flex justify={"center"} align={"center"} direction={"column"}>
+                <Flex justify={"center"} align={"center"} direction={"column"}
-                  <ActionIcon
+                  onClick={
-                    variant="subtle"
+                    selectedFiles.length > 0 && !shareSelected
-                    aria-label="delete"
+                      ? () => setIsDelete(true)
-                    onClick={
+                      : undefined
-                      selectedFiles.length > 0 && !shareSelected
+                  }
-                        ? () => setIsDelete(true)
+                >
-                        : undefined
+                  <ActionIcon variant="subtle" aria-label="delete" >
-                    }
-                  >
                     <AiOutlineDelete
                       size={20}
                       color={
@@ -407,16 +403,14 @@ export default function NavbarDocumentDivision() {
                     Hapus
                   </Text>
                 </Flex>
-                <Flex justify={"center"} align={"center"} direction={"column"}>
+                <Flex justify={"center"} align={"center"} direction={"column"}
-                  <ActionIcon
+                  onClick={
-                    variant="subtle"
+                    selectedFiles.length == 1 && !shareSelected
-                    aria-label="rename"
+                      ? () => onChooseRename()
-                    onClick={
+                      : undefined
-                      selectedFiles.length == 1 && !shareSelected
+                  }
-                        ? () => onChooseRename()
+                >
-                        : undefined
+                  <ActionIcon variant="subtle" aria-label="rename" >
-                    }
-                  >
                     <CgRename
                       size={20}
                       color={
@@ -438,16 +432,14 @@ export default function NavbarDocumentDivision() {
                     Ganti Nama
                   </Text>
                 </Flex>
-                <Flex justify={"center"} align={"center"} direction={"column"}>
+                <Flex justify={"center"} align={"center"} direction={"column"}
-                  <ActionIcon
+                  onClick={
-                    variant="subtle"
+                    selectedFiles.length > 0 && !shareSelected
-                    aria-label="share"
+                      ? () => setShare(true)
-                    onClick={
+                      : undefined
-                      selectedFiles.length > 0 && !shareSelected
+                  }
-                        ? () => setShare(true)
+                >
-                        : undefined
+                  <ActionIcon variant="subtle" aria-label="share" >
-                    }
-                  >
                     <LuShare2
                       size={20}
                       color={
@@ -469,16 +461,14 @@ export default function NavbarDocumentDivision() {
                     Bagikan
                   </Text>
                 </Flex>
-                <Flex justify={"center"} align={"center"} direction={"column"}>
+                <Flex justify={"center"} align={"center"} direction={"column"}
-                  <ActionIcon
+                  onClick={
-                    variant="subtle"
+                    (selectedFiles.length == 1) || (selectedFiles.length > 0 && !shareSelected)
-                    aria-label="share"
+                      ? () => setMore(true)
-                    onClick={
+                      : undefined
-                      (selectedFiles.length == 1) || (selectedFiles.length > 0 && !shareSelected)
+                  }
-                        ? () => setMore(true)
+                >
-                        : undefined
+                  <ActionIcon variant="subtle" aria-label="share" >
-                    }
-                  >
                     <MdOutlineMoreHoriz
                       size={20}
                       color={