diff --git a/src/app/api/division/[id]/detail/route.ts b/src/app/api/division/[id]/detail/route.ts
index b018447..c65c4fc 100644
--- a/src/app/api/division/[id]/detail/route.ts
+++ b/src/app/api/division/[id]/detail/route.ts
@@ -50,6 +50,17 @@ export async function GET(request: Request, context: { params: { id: string } })
             }
          })
 
+         const dokumenShare = await prisma.divisionDocumentShare.count({
+            where: {
+               idDivision: String(id),
+               isActive: true,
+               DivisionDocumentFolderFile: {
+                  isActive: true,
+                  category: "FILE"
+               }
+            }
+         })
+
          const diskusi = await prisma.divisionDisscussion.count({
             where: {
                idDivision: String(id),
@@ -74,7 +85,7 @@ export async function GET(request: Request, context: { params: { id: string } })
 
          allData = {
             tugas: tugas,
-            dokumen: dokumen,
+            dokumen: dokumen + dokumenShare,
             diskusi: diskusi,
             kalender: kalender
          }
@@ -122,7 +133,43 @@ export async function GET(request: Request, context: { params: { id: string } })
             projectTitle: v.DivisionProject.title
          }))
       } else if (kategori == "new-file") {
-         allData = await prisma.divisionDocumentFolderFile.findMany({
+         const dataShare = await prisma.divisionDocumentShare.findMany({
+            skip: 0,
+            take: 5,
+            where: {
+               isActive: true,
+               idDivision: String(id),
+               DivisionDocumentFolderFile: {
+                  isActive: true,
+                  category: "FILE"
+               }
+            },
+            select: {
+               DivisionDocumentFolderFile: {
+                  select: {
+                     id: true,
+                     name: true,
+                     extension: true,
+                     path: true,
+                  }
+               },
+               createdAt: true
+            },
+            orderBy: {
+               createdAt: 'desc'
+            }
+         })
+
+         const fixShare = dataShare.map((v: any) => ({
+            ..._.omit(v, ["DivisionDocumentFolderFile"]),
+            id: v.DivisionDocumentFolderFile.id,
+            name: v.DivisionDocumentFolderFile.name,
+            extension: v.DivisionDocumentFolderFile.extension,
+            path: 'home',
+            share: true
+         }))
+
+         const dataDokumen = await prisma.divisionDocumentFolderFile.findMany({
             skip: 0,
             take: 5,
             where: {
@@ -135,11 +182,24 @@ export async function GET(request: Request, context: { params: { id: string } })
                name: true,
                extension: true,
                path: true,
+               createdAt: true
             },
             orderBy: {
                createdAt: "desc"
             }
          })
+
+         const fixData = dataDokumen.map((v: any) => ({
+            ..._.omit(v, [""]),
+            share: false
+         }))
+
+         if (fixShare.length > 0) {
+            fixData.push(...fixShare)
+         }
+
+         allData = _.orderBy(fixData, ['createdAt'], ['desc']);
+
       } else if (kategori == "new-discussion") {
          const diskusi = await prisma.divisionDisscussion.findMany({
             skip: 0,
diff --git a/src/app/api/document/more/route.ts b/src/app/api/document/more/route.ts
index de13d09..42cc186 100644
--- a/src/app/api/document/more/route.ts
+++ b/src/app/api/document/more/route.ts
@@ -192,10 +192,10 @@ export async function DELETE(request: Request) {
             data: omitData
          })
 
+         // create log user
+         const log = await createLogUser({ act: 'CREATE', desc: 'User membagikan item', table: 'divisionDocumentShare', data: dataItem[i].id })
       }
 
-      // create log user
-      const log = await createLogUser({ act: 'CREATE', desc: 'User membagikan item', table: 'divisionDocumentShare', data: '' })
       return NextResponse.json({ success: true, message: "Berhasil membagikan item" }, { status: 200 });
    } catch (error) {
       console.error(error);
@@ -214,6 +214,7 @@ export async function GET(request: Request) {
 
       const { searchParams } = new URL(request.url);
       const idItem = searchParams.get("item");
+      const category = searchParams.get("cat");
 
       const cekItem = await prisma.divisionDocumentFolderFile.count({
          where: {
@@ -225,66 +226,72 @@ export async function GET(request: Request) {
          return NextResponse.json({ success: false, message: "Gagal mendapatkan dokumen, data tidak ditemukan" }, { status: 404 });
       }
 
-      const data = await prisma.divisionDocumentFolderFile.findUnique({
-         where: {
-            id: String(idItem),
-         },
-         select: {
-            category: true,
-            name: true,
-            extension: true,
-            createdAt: true,
-            path: true,
-            Division: {
-               select: {
-                  name: true
-               }
+      let fixData
+      if (category == 'share') {
+         const share = await prisma.divisionDocumentShare.findMany({
+            where: {
+               idDocument: String(idItem),
+               isActive: true
             },
-            User: {
-               select: {
-                  name: true
+            select: {
+               idDivision: true,
+               Division: {
+                  select: {
+                     name: true
+                  }
                }
             }
-         }
-      })
+         })
 
-      const dataPath = await prisma.divisionDocumentFolderFile.findUnique({
-         where: {
-            id: data?.path
-         }
-      })
+         fixData = share.map((v: any) => ({
+            ..._.omit(v, ["idDivision", "Division"]),
+            id: v.idDivision,
+            name: v.Division.name
+         }))
 
-      const share = await prisma.divisionDocumentShare.findMany({
-         where: {
-            idDocument: String(idItem),
-            isActive: true
-         },
-         select: {
-            Division: {
-               select: {
-                  name: true
+      } else {
+         const data = await prisma.divisionDocumentFolderFile.findUnique({
+            where: {
+               id: String(idItem),
+            },
+            select: {
+               category: true,
+               name: true,
+               extension: true,
+               createdAt: true,
+               path: true,
+               Division: {
+                  select: {
+                     name: true
+                  }
+               },
+               User: {
+                  select: {
+                     name: true
+                  }
                }
             }
+         })
+
+         const dataPath = await prisma.divisionDocumentFolderFile.findUnique({
+            where: {
+               id: data?.path
+            }
+         })
+
+
+         fixData = {
+            category: data?.category,
+            name: data?.name,
+            extension: data?.extension,
+            createdAt: moment(data?.createdAt).format('DD MMMM YYYY'),
+            path: (dataPath?.name !== undefined && dataPath?.name !== null && dataPath?.name !== '') ? dataPath.name : "home",
+            division: data?.Division?.name,
+            createdBy: data?.User?.name
          }
-      })
-
-
-      const dataUtama = {
-         category: data?.category,
-         name: data?.name,
-         extension: data?.extension,
-         createdAt: moment(data?.createdAt).format('DD MMMM YYYY'),
-         path: (dataPath?.name !== undefined && dataPath?.name !== null && dataPath?.name !== '') ? dataPath.name : "home",
-         division: data?.Division?.name,
-         createdBy: data?.User?.name
       }
 
-      const dataShare = share.map((v: any) => ({
-         ..._.omit(v, ["Division"]),
-         division: v.Division.name
-      }))
-
-      return NextResponse.json({ success: true, message: "Berhasil mendapatkan item", data: dataUtama, share: dataShare }, { status: 200 });
+      return NextResponse.json({ success: true, message: "Berhasil mendapatkan item", data: fixData }, { status: 200 });
 
    } catch (error) {
       console.error(error);
diff --git a/src/app/api/version-app/route.ts b/src/app/api/version-app/route.ts
index 524f12b..4b37af9 100644
--- a/src/app/api/version-app/route.ts
+++ b/src/app/api/version-app/route.ts
@@ -2,7 +2,7 @@ import { NextResponse } from "next/server";
 
 export async function GET(request: Request) {
    try {
-      return NextResponse.json({ success: true, version: "1.1.4", tahap: "beta", update:"-resize profile image user (create anggota, edit anggota, edit profile) -menghilangkan image extensi heic" }, { status: 200 });
+      return NextResponse.json({ success: true, version: "1.2.0", tahap: "beta", update:"-unshare dokumen divisi -jumlah dokumen pada detail divisi -tampil dokumen share pada detail divisi -loguser pada saat share dokumen divisi -boleh unduh file share" }, { status: 200 });
    } catch (error) {
       console.error(error);
       return NextResponse.json({ success: false, version: "Gagal mendapatkan version, coba lagi nanti (error: 500)", reason: (error as Error).message, }, { status: 500 });
diff --git a/src/module/division_new/lib/type_division.ts b/src/module/division_new/lib/type_division.ts
index 4846b1f..9b6273e 100644
--- a/src/module/division_new/lib/type_division.ts
+++ b/src/module/division_new/lib/type_division.ts
@@ -42,7 +42,8 @@ export interface IDataKalenderOnDetailDivision {
    id: string,
    name: string,
    extension: string,
-   path: string
+   path: string,
+   share:boolean
 }
 
 export interface IDataDiscussionOnDetailDivision {
diff --git a/src/module/division_new/ui/list_document.tsx b/src/module/division_new/ui/list_document.tsx
index 7409732..a2e2c6b 100644
--- a/src/module/division_new/ui/list_document.tsx
+++ b/src/module/division_new/ui/list_document.tsx
@@ -2,7 +2,7 @@
 import { TEMA, } from "@/module/_global";
 import { useHookstate } from "@hookstate/core";
 import { Carousel } from "@mantine/carousel";
-import { Box, Center, Group, Image, Skeleton, Stack, Text, UnstyledButton } from "@mantine/core";
+import { Box, Center, Flex, Group, Image, Indicator, Skeleton, Stack, Text, UnstyledButton } from "@mantine/core";
 import { useMediaQuery, useShallowEffect } from "@mantine/hooks";
 import { useParams, useRouter } from "next/navigation";
 import { useState } from "react";
@@ -10,6 +10,7 @@ import toast from "react-hot-toast";
 import { funGetDetailDivisionById } from "../lib/api_division";
 import * as ICON from '../lib/file_icon';
 import { IDataKalenderOnDetailDivision } from "../lib/type_division";
+import { FaShare } from "react-icons/fa6";
 
 const iconContainer = (icon: string) => 'data:image/svg+xml;base64,' + btoa(icon)
 
@@ -44,7 +45,7 @@ export default function ListDocumentOnDetailDivision() {
 
    return (
       <Box pt={10}>
-         <Text c={tema.get().utama} mb={10} fw={'bold'} fz={16}>Dokumen Terbaru</Text>
+         <Text c={tema.get().utama} mb={10} fw={'bold'} fz={16}>Dokumen Terkini</Text>
          <Group justify="center" grow>
             {
                loading
@@ -70,11 +71,31 @@ export default function ListDocumentOnDetailDivision() {
                   <Carousel.Slide key={v.id}>
                      <UnstyledButton onClick={() => router.push(`/division/${param.id}/document?path=${v.path}`)}>
                         <Stack gap={0} w={isMobile ? 100 : 170}>
-                           <Box bg={"white"} style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }} >
-                              <Center p={"md"}>
-                                 <Image w={isMobile ? 50 : 75} src={(v.extension == "pdf") ? iconContainer(ICON.PDF) : iconContainer(ICON.IMAGE)} alt="image" />
-                              </Center>
-                           </Box>
+                           {
+                              v.share ?
+                                 <Indicator
+                                    offset={15}
+                                    withBorder
+                                    inline
+                                    color={'#D6D8F6'}
+                                    position="bottom-end"
+                                    label={<FaShare />}
+                                    size={25}
+                                 >
+                                    <Box bg={"white"} style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }} >
+                                       <Center p={"md"}>
+                                          <Image w={isMobile ? 50 : 75} src={(v.extension == "pdf") ? iconContainer(ICON.PDF) : iconContainer(ICON.IMAGE)} alt="image" />
+                                       </Center>
+                                    </Box>
+                                 </Indicator>
+                                 :
+                                 <Box bg={"white"} style={{ borderRadius: 10, border: `1px solid ${"#D6D8F6"}` }} >
+                                    <Center p={"md"}>
+                                       <Image w={isMobile ? 50 : 75} src={(v.extension == "pdf") ? iconContainer(ICON.PDF) : iconContainer(ICON.IMAGE)} alt="image" />
+                                    </Center>
+                                 </Box>
+                           }
+
                            <Box>
                               <Text c={"dimmed"} ta={"center"} lineClamp={1} fz={isMobile ? 14 : 16}>{v.name + '.' + v.extension}</Text>
                            </Box>
diff --git a/src/module/document/lib/type_document.ts b/src/module/document/lib/type_document.ts
index d9432aa..cc05512 100644
--- a/src/module/document/lib/type_document.ts
+++ b/src/module/document/lib/type_document.ts
@@ -23,7 +23,8 @@ export interface IInfoDocument {
 }
 
 export interface IInfoShare {
-   division: string
+   id: string
+   name: string
 }
 
 export interface IFormFolder {
diff --git a/src/module/document/ui/drawer_info_document.tsx b/src/module/document/ui/drawer_info_document.tsx
index 19cd6ff..1f394aa 100644
--- a/src/module/document/ui/drawer_info_document.tsx
+++ b/src/module/document/ui/drawer_info_document.tsx
@@ -4,17 +4,13 @@ import { useMediaQuery, useShallowEffect } from "@mantine/hooks";
 import _ from "lodash";
 import { useState } from "react";
 import toast from "react-hot-toast";
-import { CiCalendarDate } from "react-icons/ci";
 import { FcDocument, FcFolder, FcImageFile } from "react-icons/fc";
-import { GrLocationPin } from "react-icons/gr";
 import { HiOutlineDocumentText } from "react-icons/hi2";
-import { MdOutlineCategory } from "react-icons/md";
-import { PiUsersThree } from "react-icons/pi";
-import { TbLockAccess } from "react-icons/tb";
+import { PiCalendarBlankLight, PiMapPinSimpleLight, PiShapesLight, PiShareNetworkLight, PiUsersThreeLight } from "react-icons/pi";
 import { funGetInfoDocument } from "../lib/api_document";
 import { IFormDetailMoreItem, IInfoDocument, IInfoShare } from "../lib/type_document";
 
-export default function DrawerInfoDocument({ data }: { data: IFormDetailMoreItem[] }) {
+export default function DrawerInfoDocument({ data }: { data: IFormDetailMoreItem }) {
    const [dataInfo, setDataInfo] = useState<IInfoDocument>();
    const [dataShare, setDataShare] = useState<IInfoShare[]>([])
    const [loading, setLoading] = useState(true);
@@ -24,16 +20,17 @@ export default function DrawerInfoDocument({ data }: { data: IFormDetailMoreItem
    async function getOneData(loading: boolean) {
       try {
          setLoading(loading);
-         const respon = await funGetInfoDocument("?item=" + data[0].id);
+         const respon = await funGetInfoDocument(`?item=${data.id}&cat=utama`);
+         const responShare = await funGetInfoDocument(`?item=${data.id}&cat=share`);
          if (respon.success) {
             setDataInfo(respon.data);
-            setDataShare(respon.share)
+            setDataShare(responShare.data)
          } else {
             toast.error(respon.message);
          }
       } catch (error) {
          console.error(error);
-         toast.error("Gagal mendapatkan item, coba lagi nanti");
+         toast.error("Gagal mendapatkan data, coba lagi nanti");
       } finally {
          setLoading(false);
       }
@@ -61,7 +58,7 @@ export default function DrawerInfoDocument({ data }: { data: IFormDetailMoreItem
                   }
                </Stack>
             </Box>
-            <ScrollArea
+            {/* <ScrollArea
                h={{
                   base: "55vh",
                   xl: "56vh",
@@ -72,7 +69,7 @@ export default function DrawerInfoDocument({ data }: { data: IFormDetailMoreItem
                scrollbarSize={2}
                scrollHideDelay={0}
                scrollbars="y"
-            >
+            > */}
                {loading ? (
                   <SkeletonDetailProfile />
                ) : (
@@ -89,7 +86,7 @@ export default function DrawerInfoDocument({ data }: { data: IFormDetailMoreItem
                            </Group>
                         </Grid.Col>
                         <Grid.Col span={6}>
-                           <Text lineClamp={1} fz={15} ta={"right"}>{dataInfo?.category == "FOLDER" ? dataInfo?.name : dataInfo?.name + '.' + dataInfo?.extension}</Text>
+                           <Text truncate="end" ta={"right"} fz={15}>{dataInfo?.category == "FOLDER" ? dataInfo?.name : `${dataInfo?.name}.${dataInfo?.extension}`}</Text>
                         </Grid.Col>
                      </Grid>
                      <Divider size="xs" />
@@ -98,7 +95,7 @@ export default function DrawerInfoDocument({ data }: { data: IFormDetailMoreItem
                            <Group>
                               {
                                  !isMobile ?
-                                    <MdOutlineCategory size={25} />
+                                    <PiShapesLight size={25} />
                                     : ''
                               }
                               <Text fz={15}>Tipe</Text>
@@ -114,14 +111,14 @@ export default function DrawerInfoDocument({ data }: { data: IFormDetailMoreItem
                            <Group>
                               {
                                  !isMobile ?
-                                    <GrLocationPin size={25} />
+                                    <PiMapPinSimpleLight size={25} />
                                     : ''
                               }
                               <Text fz={15}>Lokasi</Text>
                            </Group>
                         </Grid.Col>
                         <Grid.Col span={8}>
-                           <Text lineClamp={1} fz={15} ta={"right"}>{dataInfo?.path}</Text>
+                           <Text truncate="end" fz={15} ta={"right"}>{dataInfo?.path}</Text>
                         </Grid.Col>
                      </Grid>
                      <Divider size="xs" />
@@ -130,14 +127,14 @@ export default function DrawerInfoDocument({ data }: { data: IFormDetailMoreItem
                            <Group>
                               {
                                  !isMobile ?
-                                    <PiUsersThree size={25} />
+                                    <PiUsersThreeLight size={25} />
                                     : ''
                               }
                               <Text fz={15}>Pemilik</Text>
                            </Group>
                         </Grid.Col>
                         <Grid.Col span={8}>
-                           <Text lineClamp={1} fz={15} ta={"right"}> {dataInfo?.division} </Text>
+                           <Text truncate="end" fz={15} ta={"right"}> {dataInfo?.division} </Text>
                         </Grid.Col>
                      </Grid>
                      <Divider size="xs" />
@@ -146,7 +143,7 @@ export default function DrawerInfoDocument({ data }: { data: IFormDetailMoreItem
                            <Group>
                               {
                                  !isMobile ?
-                                    <CiCalendarDate size={25} />
+                                    <PiCalendarBlankLight size={25} />
                                     : ''
                               }
                               <Text fz={15}>Tanggal Dibuat</Text>
@@ -163,25 +160,23 @@ export default function DrawerInfoDocument({ data }: { data: IFormDetailMoreItem
                         <Accordion.Item value="share" p={0}>
                            <Accordion.Control p={0} icon={
                               !isMobile ?
-                                 <TbLockAccess size={25} />
+                                 <PiShareNetworkLight size={25} />
                                  : ''
-                           } fz={15}>Yang Memiliki Akses</Accordion.Control>
+                           } fz={15}>Telah dibagikan ke divisi</Accordion.Control>
                            <Accordion.Panel>
                               <List
                                  spacing="xs"
                                  size="sm"
                                  center
-                                 icon={
-                                    <PiUsersThree size={20} />
-                                 }
+                                 icon={dataShare.length > 0 ? <PiUsersThreeLight size={20} /> : <></>}
                               >
-                                 <List.Item>{dataInfo?.division}</List.Item>
                                  {
-                                    dataShare.map((i: any) => {
-                                       return (
-                                          <List.Item key={i.id}>{i.division}</List.Item>
-                                       )
-                                    })
+                                    dataShare.length === 0 ? <List.Item ta={"center"}>Tidak ada data</List.Item> :
+                                       dataShare.map((i: any) => {
+                                          return (
+                                             <List.Item key={i.id}>{i.name}</List.Item>
+                                          )
+                                       })
                                  }
                               </List>
                            </Accordion.Panel>
@@ -189,7 +184,7 @@ export default function DrawerInfoDocument({ data }: { data: IFormDetailMoreItem
                      </Accordion>
                   </Stack>
                )}
-            </ScrollArea>
+            {/* </ScrollArea> */}
          </Box>
       </Box>
    );
diff --git a/src/module/document/ui/drawer_more.tsx b/src/module/document/ui/drawer_more.tsx
index 4a5817d..90d80a8 100644
--- a/src/module/document/ui/drawer_more.tsx
+++ b/src/module/document/ui/drawer_more.tsx
@@ -150,7 +150,7 @@ export default function DrawerMore({ data, share }: { data: IDataDocument[], sha
       </LayoutDrawer>
 
       <LayoutDrawer opened={isInfo} onClose={() => setIsInfo(false)} title={'Informasi Dokumen'} size="lg">
-        <DrawerInfoDocument data={data} />
+        <DrawerInfoDocument data={data[0]} />
       </LayoutDrawer>
     </Box>
   );
diff --git a/src/module/document/ui/drawer_share_document.tsx b/src/module/document/ui/drawer_share_document.tsx
index 77640ca..3da0e00 100644
--- a/src/module/document/ui/drawer_share_document.tsx
+++ b/src/module/document/ui/drawer_share_document.tsx
@@ -7,24 +7,23 @@ import { useParams } from "next/navigation";
 import { useState } from "react";
 import toast from "react-hot-toast";
 import { FaCheck, FaUsers } from "react-icons/fa6";
-import { funShareDocument } from "../lib/api_document";
+import { funGetInfoDocument, funShareDocument } from "../lib/api_document";
 import { IShareDivision } from "../lib/type_document";
 import { globalRefreshDocument } from "../lib/val_document";
 
-export default function DrawerShareDocument({ data, }: { data: IShareDivision[]; }) {
+export default function DrawerShareDocument({ data }: { data: IShareDivision[]; }) {
   const [selectedFiles, setSelectedFiles] = useState<any>([]);
   const [isData, setData] = useState<IDataDivison[]>([]);
   const param = useParams<{ id: string }>();
   const refresh = useHookstate(globalRefreshDocument);
   const tema = useHookstate(TEMA);
   const [loading, setLoading] = useState(true);
+  const [loadingBtn, setLoadingBtn] = useState(false)
   const isMobile2 = useMediaQuery("(max-width: 438px)");
 
   async function onShare() {
     try {
-      if (selectedFiles.length == 0) {
-        return toast.error("Pilih divisi terlebih dahulu");
-      }
+      setLoadingBtn(true)
 
       const respon = await funShareDocument({
         dataDivision: selectedFiles,
@@ -39,6 +38,8 @@ export default function DrawerShareDocument({ data, }: { data: IShareDivision[];
     } catch (error) {
       console.error(error);
       toast.error("Gagal membagikan item, coba lagi nanti");
+    } finally {
+      setLoadingBtn(false)
     }
   }
 
@@ -48,8 +49,10 @@ export default function DrawerShareDocument({ data, }: { data: IShareDivision[];
       const response = await funGetListDivisionByIdDivision(
         "?division=" + param.id
       );
+      const shared = await funGetInfoDocument(`?item=${data[0].id}&cat=share`);
       if (response.success) {
         setData(response.data.filter((i: any) => i.id != param.id));
+        setSelectedFiles(shared.data)
       } else {
         toast.error(response.message);
       }
@@ -202,6 +205,7 @@ export default function DrawerShareDocument({ data, }: { data: IShareDivision[];
             radius={30}
             fullWidth
             onClick={() => onShare()}
+            loading={loadingBtn}
           >
             Simpan
           </Button>
diff --git a/src/module/document/ui/navbar_document_division.tsx b/src/module/document/ui/navbar_document_division.tsx
index c464d9d..3c1f1b4 100644
--- a/src/module/document/ui/navbar_document_division.tsx
+++ b/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,24 +345,23 @@ 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"}
                   onClick={() => {
                     if (selectedFiles.length > 0 && copyAllowed) {
                       onDownload("selected");
                     }
                   }}
                 >
-                  <BsDownload
-                    size={20}
-                    color={
-                      selectedFiles.length > 0 && copyAllowed
-                        ? "white"
-                        : "#656060"
-                    }
-                  />
+                  <ActionIcon variant="subtle" aria-label="delete" >
+                    <BsDownload
+                      size={20}
+                      color={
+                        selectedFiles.length > 0 && copyAllowed
+                          ? "white"
+                          : "#656060"
+                      }
+                    />
+                  </ActionIcon>
                   <Text
                     fz={12}
                     ta={"center"}
@@ -375,16 +374,14 @@ export default function NavbarDocumentDivision() {
                     Unduh
                   </Text>
                 </Flex>
-                <Flex justify={"center"} align={"center"} direction={"column"}>
-                  <ActionIcon
-                    variant="subtle"
-                    aria-label="delete"
-                    onClick={
-                      selectedFiles.length > 0 && !shareSelected
-                        ? () => setIsDelete(true)
-                        : undefined
-                    }
-                  >
+                <Flex justify={"center"} align={"center"} direction={"column"}
+                  onClick={
+                    selectedFiles.length > 0 && !shareSelected
+                      ? () => setIsDelete(true)
+                      : undefined
+                  }
+                >
+                  <ActionIcon variant="subtle" aria-label="delete" >
                     <AiOutlineDelete
                       size={20}
                       color={
@@ -406,16 +403,14 @@ export default function NavbarDocumentDivision() {
                     Hapus
                   </Text>
                 </Flex>
-                <Flex justify={"center"} align={"center"} direction={"column"}>
-                  <ActionIcon
-                    variant="subtle"
-                    aria-label="rename"
-                    onClick={
-                      selectedFiles.length == 1 && !shareSelected
-                        ? () => onChooseRename()
-                        : undefined
-                    }
-                  >
+                <Flex justify={"center"} align={"center"} direction={"column"}
+                  onClick={
+                    selectedFiles.length == 1 && !shareSelected
+                      ? () => onChooseRename()
+                      : undefined
+                  }
+                >
+                  <ActionIcon variant="subtle" aria-label="rename" >
                     <CgRename
                       size={20}
                       color={
@@ -437,20 +432,18 @@ export default function NavbarDocumentDivision() {
                     Ganti Nama
                   </Text>
                 </Flex>
-                <Flex justify={"center"} align={"center"} direction={"column"}>
-                  <ActionIcon
-                    variant="subtle"
-                    aria-label="share"
-                    onClick={
-                      selectedFiles.length > 0 && !shareSelected
-                        ? () => setShare(true)
-                        : undefined
-                    }
-                  >
+                <Flex justify={"center"} align={"center"} direction={"column"}
+                  onClick={
+                    selectedFiles.length == 1 && !shareSelected
+                      ? () => setShare(true)
+                      : undefined
+                  }
+                >
+                  <ActionIcon variant="subtle" aria-label="share">
                     <LuShare2
                       size={20}
                       color={
-                        selectedFiles.length > 0 && !shareSelected
+                        selectedFiles.length == 1 && !shareSelected
                           ? "white"
                           : "#656060"
                       }
@@ -460,7 +453,7 @@ export default function NavbarDocumentDivision() {
                     fz={12}
                     ta={"center"}
                     c={
-                      selectedFiles.length > 0 && !shareSelected
+                      selectedFiles.length == 1 && !shareSelected
                         ? "white"
                         : "#656060"
                     }
@@ -468,16 +461,14 @@ export default function NavbarDocumentDivision() {
                     Bagikan
                   </Text>
                 </Flex>
-                <Flex justify={"center"} align={"center"} direction={"column"}>
-                  <ActionIcon
-                    variant="subtle"
-                    aria-label="share"
-                    onClick={
-                      (selectedFiles.length == 1) || (selectedFiles.length > 0 && !shareSelected)
-                        ? () => setMore(true)
-                        : undefined
-                    }
-                  >
+                <Flex justify={"center"} align={"center"} direction={"column"}
+                  onClick={
+                    (selectedFiles.length == 1) || (selectedFiles.length > 0 && !shareSelected)
+                      ? () => setMore(true)
+                      : undefined
+                  }
+                >
+                  <ActionIcon variant="subtle" aria-label="share" >
                     <MdOutlineMoreHoriz
                       size={20}
                       color={