Fix: Upload image

- Upload image berita ke server wibu
- Tampilan detail image di ambil dari server wibu
## No issue

src/app_modules/investasi/_component/detail/comp_box_daftar_berita.tsx

@@ -1,4 +1,7 @@
-import { NEW_RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
+import {
+  NEW_RouterInvestasi,
+  RouterInvestasi_OLD,
+} from "@/app/lib/router_hipmi/router_investasi";
 import { AccentColor } from "@/app_modules/_global/color";
 import { ActionIcon, Flex, Loader, Paper, Text } from "@mantine/core";
 import { IconFileDescription } from "@tabler/icons-react";
@@ -25,14 +28,13 @@ export function Investasi_ComponentBoxDaftarBerita({
         }}
         onClick={() => {
           setLoading(true);
-          router.push(
-            NEW_RouterInvestasi.detail_prospektus({ id: investasiId }),
-            { scroll: false }
-          );
+          router.push(NEW_RouterInvestasi.daftar_berita({ id: investasiId }), {
+            scroll: false,
+          });
         }}
       >
         <Flex direction={"column"} align={"center"} justify={"center"}>
-          <Text fz={12}>Berita</Text>
+          <Text fz={12}>Berita </Text>
           <ActionIcon radius={"xl"} variant="transparent" size={60}>
             {isLoading ? (
               <Loader color="yellow" />

src/app_modules/investasi/_component/detail/saham_saya/comp_detail_data.tsx

@@ -1,4 +1,3 @@
-import { RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
 import {
   ComponentGlobal_AvatarAndUsername,
   ComponentGlobal_CardStyles,
@@ -6,16 +5,13 @@ import {
 } from "@/app_modules/_global/component";
 import { MODEL_INVOICE_INVESTASI } from "@/app_modules/investasi/_lib/interface";
 import {
-  AspectRatio,
   Box,
   Grid,
-  Image,
   SimpleGrid,
   Stack,
   Text,
-  Title,
+  Title
 } from "@mantine/core";
-import { Investasi_ComponentStylesCard } from "../../comp_card_border_and_background";
 import { Investasi_ComponentBoxDaftarBerita } from "../comp_box_daftar_berita";
 import { Investasi_ComponentBoxDaftarDokumen } from "../comp_box_daftar_dokumen";
 import { Investasi_ComponentBoxProspektus } from "../comp_box_prospektus";

src/app_modules/investasi/_component/main/comp_card_beranda.tsx

@@ -1,4 +1,7 @@
-import { RouterInvestasi_OLD } from "@/app/lib/router_hipmi/router_investasi";
+import {
+  NEW_RouterInvestasi,
+  RouterInvestasi_OLD,
+} from "@/app/lib/router_hipmi/router_investasi";
 import { Warna } from "@/app/lib/warna";
 import {
   AccentColor,
@@ -46,7 +49,9 @@ export function Investasi_ComponentCardBeranda({
         onClickHandler={() => {
           setLoadingDetail(true);
           setVisible(true);
-          router.push(RouterInvestasi_OLD.detail + `${data?.id}`);
+          router.push(NEW_RouterInvestasi.detail_main({ id: data.id }), {
+            scroll: false,
+          });
         }}
       >
         <Stack>
@@ -59,7 +64,9 @@ export function Investasi_ComponentCardBeranda({
             </Grid.Col>
             <Grid.Col span={6}>
               <Stack>
-                <Text fw={"bold"} align="center" lineClamp={2}>{data?.title}</Text>
+                <Text fw={"bold"} align="center" lineClamp={2}>
+                  {data?.title}
+                </Text>
 
                 <Progress
                   label={(+data?.progress).toFixed(2) + " %"}

src/app_modules/investasi/_component/main/comp_card_portofolio_publish.tsx

@@ -19,7 +19,10 @@ import { MODEL_INVESTASI } from "../../_lib/interface";
 import { Investasi_ComponentStylesCard } from "../comp_card_border_and_background";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import { ComponentGlobal_CardLoadingOverlay } from "@/app_modules/_global/component";
+import {
+  ComponentGlobal_CardLoadingOverlay,
+  ComponentGlobal_LoadImageCustom,
+} from "@/app_modules/_global/component";
 
 export function Investasi_ComponentCardPortofolioPublish({
   data,
@@ -34,7 +37,9 @@ export function Investasi_ComponentCardPortofolioPublish({
       <Investasi_ComponentStylesCard
         marginBottom={"15px"}
         onClickHandler={() => {
-          router.push(NEW_RouterInvestasi.detail_portofolio({ id: data?.id }));
+          router.push(NEW_RouterInvestasi.detail_main({ id: data?.id }), {
+            scroll: false,
+          });
           setVisible(true);
         }}
       >
@@ -53,14 +58,10 @@ export function Investasi_ComponentCardPortofolioPublish({
           </Grid.Col>
 
           <Grid.Col span={4}>
-            <AspectRatio ratio={16 / 9}>
-              <Paper radius={"md"}>
-                <Image
-                  alt=""
-                  src={NEW_RouterInvestasi.api_gambar + `${data?.imagesId}`}
-                />
-              </Paper>
-            </AspectRatio>
+            <ComponentGlobal_LoadImageCustom
+              height={80}
+              fileId={data.imageId}
+            />
           </Grid.Col>
         </Grid>
 

src/app_modules/investasi/_component/main/comp_card_saham_saya.tsx

@@ -87,18 +87,6 @@ export function Investasi_ComponentSahamSaya({
         </SimpleGrid>
         {visible && <ComponentGlobal_CardLoadingOverlay />}
       </Investasi_ComponentStylesCard>
-
-      {/* <Card
-        style={{
-          padding: "15px",
-          backgroundColor: AccentColor.darkblue,
-          border: `2px solid ${AccentColor.blue}`,
-          borderRadius: "10px",
-          color: "white",
-          marginBottom: "15px",
-        }}
-        onClick={}
-      ></Card> */}
     </>
   );
 }