Fix: Investasi

Deskripsi:
- Upload gambar investasi ke storage wibu
- Upload bukti transfer ke storage wibu
# No Issue

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

@@ -1,12 +1,9 @@
 "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 UIGlobal_LayoutTamplate from "@/app_modules/_global/ui/ui_layout_tamplate";
+import React from "react";
 import { Investasi_ComponentFooterMain } from "../../_component";
 
 export function Investasi_UiLayoutMain({

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

@@ -1,28 +1,70 @@
 "use client";
 
+import { NEW_RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
+import { AccentColor, MainColor } from "@/app_modules/_global/color";
+import { MODEL_NEW_DEFAULT_MASTER } from "@/app_modules/model_global/interface";
+import { Stack, Tabs } from "@mantine/core";
+import { useRouter } from "next/navigation";
+import { useState } from "react";
 import { Investasi_ViewPortofolio } from "../../_view";
 export function Investasi_UiPortofolio({
   listStatus,
-  listDataPublish,
-  listDataReview,
-  listDataDraft,
-  listDataReject,
+  statusId,
+  dataPortofolio,
 }: {
-  listStatus: any[];
-  listDataPublish: any[];
-  listDataReview: any[];
-  listDataDraft: any[];
-  listDataReject: any[];
+  listStatus: MODEL_NEW_DEFAULT_MASTER[];
+  statusId: string;
+  dataPortofolio: any[];
 }) {
+  const [activeTab, setActiveTab] = useState<string | null>(statusId);
+  const router = useRouter();
+  const [data, setData] = useState(dataPortofolio);
+
   return (
     <>
-      <Investasi_ViewPortofolio
-        listStatus={listStatus}
-        listDataPublish={listDataPublish}
-        listDataReview={listDataReview}
-        listDataDraft={listDataDraft}
-        listDataReject={listDataReject}
-      />
+      <Tabs
+        variant="pills"
+        radius="xl"
+        defaultValue={activeTab}
+        styles={{
+          tabsList: {
+            position: "sticky",
+            top: 0,
+            zIndex: 99,
+          },
+        }}
+        value={activeTab}
+        onTabChange={(val: any) => {
+          setActiveTab(val);
+          router.push(NEW_RouterInvestasi.portofolio({ id: val }));
+        }}
+      >
+        <Stack>
+          <Tabs.List grow mb={"xs"}>
+            {listStatus.map((e) => (
+              <Tabs.Tab
+                w={"20%"}
+                key={e.id}
+                value={e.id}
+                fw={"bold"}
+                style={{
+                  transition: "ease 0.5s ",
+                  backgroundColor:
+                    activeTab === e.id ? MainColor.yellow : AccentColor.blue,
+                  color: activeTab === e.id ? "black" : "white",
+                }}
+              >
+                {e.name}
+              </Tabs.Tab>
+            ))}
+          </Tabs.List>
+
+          <Investasi_ViewPortofolio
+            statusId={statusId}
+            dataPortofolio={data as any}
+          />
+        </Stack>
+      </Tabs>
     </>
   );
 }