# feat :

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

src/app_modules/investasi/portofolio/draft.tsx

@@ -1,52 +1,27 @@
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
-import {
-  Card,
-  CardSection,
-  AspectRatio,
-  Box,
-  Title,
-  Divider,
-  Group,
-  Badge,
-  Image,
-  Text,
-  Center,
-  Paper,
-  Grid,
-  Flex,
-  Stack,
-} from "@mantine/core";
-import { useRouter } from "next/navigation";
-import { MODEL_Investasi } from "../model/model_investasi";
-import _ from "lodash";
-import ComponentInvestasi_IsEmptyData from "../component/is_empty_data";
 import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
-import { AccentColor } from "@/app_modules/_global/color/color_pallet";
+import { Box } from "@mantine/core";
+import _ from "lodash";
+import { useRouter } from "next/navigation";
 import { ComponentInvestasi_CardStatus } from "../component/detail/card_status";
+import { MODEL_Investasi } from "../model/model_investasi";
 
 export default function Draft({ data }: { data: MODEL_Investasi[] }) {
   const router = useRouter();
   // console.log(data)
 
-  if (_.isEmpty(data))
-    return (
-      <>
-        <ComponentGlobal_IsEmptyData />
-      </>
-    );
+  if (_.isEmpty(data)) return <ComponentGlobal_IsEmptyData />;
 
   return (
     <>
       {/* <pre> {JSON.stringify(data,null, 2)}</pre> */}
       {data.map((e) => (
-         <Box key={e.id}>
+        <Box key={e.id}>
           <ComponentInvestasi_CardStatus
             data={e}
             path={RouterInvestasi.detail_draft}
           />
         </Box>
-
-       
       ))}
     </>
   );

src/app_modules/investasi/portofolio/reject.tsx

@@ -1,30 +1,17 @@
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
-import {
-  AspectRatio,
-  Box,
-  Grid,
-  Image,
-  Paper,
-  Stack,
-  Text,
-} from "@mantine/core";
+import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
+import { Box } from "@mantine/core";
 import _ from "lodash";
 import { useRouter } from "next/navigation";
 import { useState } from "react";
-import ComponentInvestasi_IsEmptyData from "../component/is_empty_data";
-import { MODEL_Investasi } from "../model/model_investasi";
 import { ComponentInvestasi_CardStatus } from "../component/detail/card_status";
+import { MODEL_Investasi } from "../model/model_investasi";
 
 export default function Reject({ data }: { data: MODEL_Investasi[] }) {
   const [investasi, setInvestasi] = useState(data);
   const router = useRouter();
 
-  if (_.isEmpty(data))
-    return (
-      <>
-        <ComponentInvestasi_IsEmptyData text="Tidak ada data" />
-      </>
-    );
+  if (_.isEmpty(data)) return <ComponentGlobal_IsEmptyData />;
 
   return (
     <>

src/app_modules/investasi/portofolio/review.tsx

@@ -1,38 +1,16 @@
 import { RouterInvestasi } from "@/app/lib/router_hipmi/router_investasi";
-import {
-  Card,
-  CardSection,
-  AspectRatio,
-  Box,
-  Title,
-  Divider,
-  Group,
-  Badge,
-  Image,
-  Center,
-  Text,
-  Paper,
-  Grid,
-  Stack,
-} from "@mantine/core";
-import { useRouter } from "next/navigation";
-import {
-  MODEL_Status_investasi,
-  MODEL_Investasi,
-} from "../model/model_investasi";
+import ComponentGlobal_IsEmptyData from "@/app_modules/_global/component/is_empty_data";
+import { Box } from "@mantine/core";
 import _ from "lodash";
-import ComponentInvestasi_IsEmptyData from "../component/is_empty_data";
+import { useRouter } from "next/navigation";
 import { ComponentInvestasi_CardStatus } from "../component/detail/card_status";
+import { MODEL_Investasi } from "../model/model_investasi";
 
 export default function Review({ data }: { data: MODEL_Investasi[] }) {
   const router = useRouter();
 
-  if (_.isEmpty(data))
-    return (
-      <>
-        <ComponentInvestasi_IsEmptyData text="Tidak ada data" />
-      </>
-    );
+  if (_.isEmpty(data)) return <ComponentGlobal_IsEmptyData />;
+
   return (
     <>
       {data.map((e) => (

src/app_modules/investasi/portofolio/view.tsx

@@ -6,7 +6,7 @@ import { useState } from "react";
 
 import { useAtom } from "jotai";
 import "react-responsive-carousel/lib/styles/carousel.min.css"; // requires a loader
-import { gs_StatusPortoInvestasi } from "../g_state";
+import { gs_investasi_status } from "../g_state";
 import { MODEL_Status_investasi } from "../model/model_investasi";
 import Draft from "./draft";
 import Publish from "./publish";
@@ -31,7 +31,7 @@ export default function PortofolioInvestasi({
   dataReject: any;
 }) {
   const router = useRouter();
-  const [activeTab, setActiveTab] = useAtom(gs_StatusPortoInvestasi);
+  const [activeTab, setActiveTab] = useAtom(gs_investasi_status);
   const [status_inves, setStatus_inves] =
     useState<MODEL_Status_investasi[]>(listStatusInvestasi);