# feat :

## Deskripsi :
- Notifikasi investasi
## Issue : Gerbang pembayaran

src/app_modules/investasi/edit_dokumen/layout.tsx

@@ -1,12 +1,12 @@
 "use client";
 
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
-import AppComponentGlobal_LayoutTamplate from "@/app_modules/_global/component_layout_tamplate";
-import ComponentGlobal_HeaderTamplate from "@/app_modules/_global/header_tamplate";
+import UIGlobal_Drawer from "@/app_modules/_global/ui/ui_drawer";
 import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
 import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
-import { AppShell } from "@mantine/core";
-import { IconEdit } from "@tabler/icons-react";
+import { ActionIcon } from "@mantine/core";
+import { IconDotsVertical, IconFilePlus } from "@tabler/icons-react";
+import { useRouter } from "next/navigation";
 import React from "react";
 
 export default function LayoutEditDokumenInvestasi({
@@ -14,21 +14,47 @@ export default function LayoutEditDokumenInvestasi({
   idInves,
 }: {
   children: React.ReactNode;
-  idInves: string 
+  idInves: string;
 }) {
+  const router = useRouter();
+  const [isOpenDrawer, setIsOpenDrawer] = React.useState(false);
+
+  const listPage = [
+    {
+      id: "1",
+      name: "Tambah Dokumen",
+      icon: <IconFilePlus />,
+      path: RouterInvestasi.upload_dokumen + `${idInves}`,
+    },
+  ];
+
   return (
     <>
       <UIGlobal_LayoutTamplate
         header={
           <UIGlobal_LayoutHeaderTamplate
-            title="Edit Dokumen"
-            iconRight={<IconEdit />}
-            routerRight={RouterInvestasi.upload_dokumen + `${idInves}`}
+            title="Daftar Dokumen"
+            // iconRight={<IconEdit />}
+            // routerRight={RouterInvestasi.upload_dokumen + `${idInves}`}
+            customButtonRight={
+              <ActionIcon
+                variant="transparent"
+                onClick={() => setIsOpenDrawer(true)}
+              >
+                <IconDotsVertical color="white" />
+              </ActionIcon>
+            }
           />
         }
       >
         {children}
       </UIGlobal_LayoutTamplate>
+
+      <UIGlobal_Drawer
+        opened={isOpenDrawer}
+        close={() => setIsOpenDrawer(false)}
+        component={listPage}
+      />
     </>
   );
 }

src/app_modules/investasi/edit_dokumen/view.tsx

@@ -1,25 +1,21 @@
 "use client";
 
-import { AccentColor } from "@/app_modules/_global/color/color_pallet";
+import {
+  AccentColor,
+  MainColor,
+} from "@/app_modules/_global/color/color_pallet";
 import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
 import { ComponentGlobal_NotifikasiBerhasil } from "@/app_modules/_global/notif_global/notifikasi_berhasil";
 import { ComponentGlobal_NotifikasiGagal } from "@/app_modules/_global/notif_global/notifikasi_gagal";
-import {
-  ActionIcon,
-  Group,
-  Paper,
-  Text
-} from "@mantine/core";
-import {
-  IconTrash,
-  IconWorldShare
-} from "@tabler/icons-react";
+import { ActionIcon, Group, Paper, Text } from "@mantine/core";
+import { IconFolderOpen, IconTrash, IconWorldShare } from "@tabler/icons-react";
 import _ from "lodash";
 import Link from "next/link";
 import { useState } from "react";
 import funDeleteDokumenInvestasi from "../fun/fun_delete_dokumen";
 import funLoadDataInvestasi from "../fun/fun_load_data";
 import { MODEL_Investasi } from "../model/model_investasi";
+import { IconFile } from "@tabler/icons-react";
 
 export default function EditDokumenInvestasi({
   dataInvestasi,
@@ -61,7 +57,11 @@ export default function EditDokumenInvestasi({
               <Group position="center">
                 <Link href={`/file/${e.url}`} target="_blank">
                   <ActionIcon variant="transparent">
-                    <IconWorldShare color="green" />
+                    <IconFolderOpen
+                      style={{
+                        color: MainColor.yellow,
+                      }}
+                    />
                   </ActionIcon>
                 </Link>
                 <ActionIcon