feat

Desc:
- Detail portofolio investasi
- Detail saham terbeli
- Berita
- Detail berita
- Detail dokumen
- Detail prospektus
- Edit berita
- Edit dokumen
- Edit prospektus
#No issue

src/app_modules/investasi/detail/view.tsx

@@ -1,5 +1,6 @@
 "use client";
 
+import { RouteInvestasi } from "@/app/lib/app_route";
 import { Warna } from "@/app/lib/warna";
 import {
   ActionIcon,
@@ -25,26 +26,26 @@ import {
 } from "@tabler/icons-react";
 import { useRouter } from "next/navigation";
 
-export default function DetailInvestasi() {
+export default function DetailInvestasi({id}: {id: string}) {
   const router = useRouter();
   const listBox = [
     {
       id: 1,
       name: "Prospektus",
       icon: <IconBookDownload size={70} />,
-      route: "",
+      route: RouteInvestasi.detail_prospektus,
     },
     {
       id: 2,
       name: "Dokumen",
       icon: <IconFileDescription size={70} />,
-      route: "",
+      route: RouteInvestasi.detail_dokumen
     },
     {
       id: 3,
       name: "Berita",
       icon: <IconSpeakerphone size={70} />,
-      route: "",
+      route: RouteInvestasi.berita,
     },
   ];
 
@@ -124,7 +125,7 @@ export default function DetailInvestasi() {
       {/* List Box */}
       <Grid mb={"md"}>
         {listBox.map((e) => (
-          <Grid.Col span={"auto"} key={e.id}>
+          <Grid.Col span={"auto"} key={e.id} onClick={() => router.push(e.route + `${id}`)}>
             <Paper h={100} w={100} bg={"gray.4"} withBorder py={"xs"}>
               <Flex direction={"column"} align={"center"} justify={"center"}>
                 <Text fz={12}>{e.name}</Text>