Fix

## Deskripsi:
- Cek notif
## No Issue

src/app_modules/investasi/_ui/index.ts

@@ -1,11 +1,15 @@
-import { Investasi_UiFileView } from "./file_view";
-import { Investasi_UiInvoice } from "./transaksi/invoice";
-import { Investasi_UiMetodePembayaran } from "./transaksi/metode_pembayaran";
-import { Investasi_UiProsesPembelian } from "./transaksi/proses_pembelian";
-import { Investasi_UiProsesTransaksi } from "./transaksi/proses_transaksi";
+import { Investasi_UiFileView } from "./ui_file_view";
+import { Investasi_UiInvoice } from "./transaksi/ui_invoice";
+import { Investasi_UiMetodePembayaran } from "./transaksi/ui_metode_pembayaran";
+import { Investasi_UiProsesPembelian } from "./transaksi/ui_proses_pembelian";
+import { Investasi_UiProsesTransaksi } from "./transaksi/ui_proses_transaksi";
+import { Investasi_UiBeranda } from "./main/ui_beranda";
+import { Investasi_UiLayoutMain } from "./main/ui_layout_main";
 
 export { Investasi_UiProsesPembelian };
 export { Investasi_UiMetodePembayaran };
 export { Investasi_UiFileView };
 export { Investasi_UiInvoice };
 export { Investasi_UiProsesTransaksi };
+export { Investasi_UiBeranda };
+export { Investasi_UiLayoutMain };

src/app_modules/investasi/_ui/main/ui_beranda.tsx

@@ -0,0 +1,20 @@
+"use client";
+
+import mqtt_client from "@/util/mqtt_client";
+import { useShallowEffect } from "@mantine/hooks";
+import React, { useState } from "react";
+import { Investasi_ComponentButtonUpdateBeranda } from "../../_component/main/comp_update_beranda";
+import { MODEL_INVESTASI } from "../../_lib/interface";
+import { Investasi_ViewBeranda } from "../../_view";
+
+export function Investasi_UiBeranda({
+  dataInvestasi,
+}: {
+  dataInvestasi: MODEL_INVESTASI[];
+}) {
+  return (
+    <>
+      <Investasi_ViewBeranda dataInvestasi={dataInvestasi} />
+    </>
+  );
+}

src/app_modules/investasi/_ui/main/ui_layout_main.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { useAtom } from "jotai";
+import { useRouter } from "next/navigation";
+import React from "react";
+import { gs_investas_menu } from "../../g_state";
+import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import { RouterCrowd } from "@/app/lib/router_hipmi/router_crowd";
+import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
+import { Investasi_ComponentFooterMain } from "../../_component";
+
+export function Investasi_UiLayoutMain({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <UIGlobal_LayoutTamplate
+        header={
+          <UIGlobal_LayoutHeaderTamplate
+            routerLeft={RouterCrowd.main}
+            title="Investasi"
+          />
+        }
+        footer={<Investasi_ComponentFooterMain />}
+      >
+        {children}
+      </UIGlobal_LayoutTamplate>
+    </>
+  );
+}

src/app_modules/investasi/_ui/transaksi/ui_invoice.tsx

@@ -1,15 +1,15 @@
 "use client";
 
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
-import { ComponentInvestasi_ViewInvoice } from "../../_component";
 import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
+import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import { Investasi_ViewInvoice } from "../../_view";
 
 export function Investasi_UiInvoice() {
   return (
     <UIGlobal_LayoutTamplate
       header={<UIGlobal_LayoutHeaderTamplate title="Invoice" />}
     >
-      <ComponentInvestasi_ViewInvoice dataInvoice={{}} />
+      <Investasi_ViewInvoice dataInvoice={{}} />
     </UIGlobal_LayoutTamplate>
   );
 }

src/app_modules/investasi/_ui/transaksi/ui_metode_pembayaran.tsx

@@ -2,15 +2,19 @@
 
 import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
 import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
-import { ComponentInvestasi_BoxMetodePembayaran } from "../../_component";
+import { Investasi_ViewMetodePembayaran } from "../../_view";
 
-export function Investasi_UiMetodePembayaran({ listBank }: { listBank: any[] }) {
+export function Investasi_UiMetodePembayaran({
+  listBank,
+}: {
+  listBank: any[];
+}) {
   return (
     <>
       <UIGlobal_LayoutTamplate
         header={<UIGlobal_LayoutHeaderTamplate title="Metode Pembayaran" />}
       >
-        <ComponentInvestasi_BoxMetodePembayaran listBank={listBank} />
+        <Investasi_ViewMetodePembayaran listBank={listBank} />
       </UIGlobal_LayoutTamplate>
     </>
   );

src/app_modules/investasi/_ui/transaksi/ui_proses_pembelian.tsx

@@ -2,8 +2,7 @@
 
 import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
 import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
-import { ComponentInvestasi_BoxPembelian } from "../../_component";
-
+import { Investasi_ViewProsesPembelian } from "../../_view";
 
 export function Investasi_UiProsesPembelian({
   dataInvestasi,
@@ -15,7 +14,7 @@ export function Investasi_UiProsesPembelian({
       <UIGlobal_LayoutTamplate
         header={<UIGlobal_LayoutHeaderTamplate title="Pembelian Saham" />}
       >
-        <ComponentInvestasi_BoxPembelian dataInvestasi={dataInvestasi} />
+        <Investasi_ViewProsesPembelian dataInvestasi={dataInvestasi} />
       </UIGlobal_LayoutTamplate>
     </>
   );

src/app_modules/investasi/_ui/transaksi/ui_proses_transaksi.tsx

@@ -1,9 +1,9 @@
 "use client";
 
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
-import { ComponentInvestasi_ProsesAccAdmin } from "../../_component";
 import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
+import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
 import { IconX } from "@tabler/icons-react";
+import { Investasi_ViewProsesTransaksi } from "../../_view";
 
 export function Investasi_UiProsesTransaksi() {
   return (
@@ -16,7 +16,7 @@ export function Investasi_UiProsesTransaksi() {
           />
         }
       >
-        <ComponentInvestasi_ProsesAccAdmin />
+        <Investasi_ViewProsesTransaksi />
       </UIGlobal_LayoutTamplate>
     </>
   );

src/app_modules/investasi/_ui/ui_file_view.tsx

@@ -1,14 +1,11 @@
 "use client";
 
-import UIGlobal_LayoutHeaderTamplate from "@/app_modules/_global/ui/ui_header_tamplate";
-import UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
-import { ComponentInvestasi_FrameFileView } from "../_component";
-import { MODEl_PROSPEKTUS_INVESTASI } from "../_lib/interface";
 import { RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
-import { ActionIcon, Box, Container, Group, Header, rem } from "@mantine/core";
 import { MainColor } from "@/app_modules/_global/color/color_pallet";
-import { IconChevronLeft, IconX } from "@tabler/icons-react";
+import { ActionIcon, Box, Container, Group, Header, rem } from "@mantine/core";
+import { IconX } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
+import { Investasi_ViewFileViewer } from "../_view";
 
 export function Investasi_UiFileView({ prospekId }: { prospekId: string }) {
   return (
@@ -31,7 +28,7 @@ export function Investasi_UiFileView({ prospekId }: { prospekId: string }) {
         <Container mih={"100vh"} p={0} size={rem(500)} bg={MainColor.black}>
           <HeaderView />
 
-          <ComponentInvestasi_FrameFileView
+          <Investasi_ViewFileViewer
             fileId={prospekId}
             path={RouterInvestasi_OLD.api_file_prospektus}
           />