# style:

- UI Investasi
- UI Donasi
## No issue

src/app_modules/notifikasi/component/card_view.tsx

@@ -15,6 +15,7 @@ import notifikasi_getByUserId from "../fun/get/get_notifiaksi_by_id";
 import { redirectVotingPage } from "./path/voting";
 import { redirectEventPage } from "./path/event";
 import { redirectDetailCollaborationPage } from "./path/collaboration";
+import { redirectDonasiPage } from "./path/donasi";
 
 export function ComponentNotifiaksi_CardView({
   data,
@@ -53,7 +54,7 @@ export function ComponentNotifiaksi_CardView({
           //   });
           //   onLoadData(loadData);
           // }
-          console.log(data.status);
+
 
           data?.kategoriApp === "JOB" &&
             redirectJobPage({
@@ -93,6 +94,15 @@ export function ComponentNotifiaksi_CardView({
               data: data,
               router: router,
             });
+
+          data.kategoriApp === "DONASI" &&
+            redirectDonasiPage({
+              data: data,
+              router: router,
+              onSetPage(val) {
+                onSetMenu(val);
+              },
+            });
         }}
       >
         {/* <pre>{JSON.stringify(e, null, 2)}</pre> */}

src/app_modules/notifikasi/component/path/donasi.ts

@@ -0,0 +1,49 @@
+import { RouterEvent } from "@/app/lib/router_hipmi/router_event";
+import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
+import { MODEL_NOTIFIKASI } from "../../model/interface";
+import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+
+export function redirectDonasiPage({
+  data,
+  router,
+  onSetPage,
+}: {
+  data: MODEL_NOTIFIKASI;
+  router: AppRouterInstance;
+  onSetPage: (val: any) => void;
+}) {
+  const path = RouterDonasi.main_galang_dana;
+
+  if (data.status === "Publish") {
+    onSetPage({
+      menuId: 1,
+      status: data.status,
+    });
+    router.push(path, { scroll: false });
+  }
+  //   console.log(data)
+
+  if (data.status === "Reject") {
+    onSetPage({
+      menuId: 1,
+      status: data.status,
+    });
+    router.push(path, { scroll: false });
+  }
+
+  if (data.status === "Berhasil") {
+    const pathInvoice = RouterDonasi.detail_donasi_saya + data.appId;
+    onSetPage({
+      menuId: 2,
+    });
+    router.push(pathInvoice, { scroll: false });
+  }
+
+  if (data.status === "Donatur Baru") {
+    const pathDetail = RouterDonasi.detail_publish + data.appId;
+    onSetPage({
+      menuId: 2,
+    });
+    router.push(pathDetail, { scroll: false });
+  }
+}

src/app_modules/notifikasi/component/ui_notifiaksi.tsx

@@ -20,6 +20,10 @@ import {
   gs_event_hotMenu,
   gs_event_status,
 } from "@/app_modules/event/global_state";
+import {
+  gs_donasi_hot_menu,
+  gs_donasi_tabs_posting,
+} from "@/app_modules/donasi/global_state";
 
 export function Notifikasi_UiView({
   listNotifikasi,
@@ -36,6 +40,8 @@ export function Notifikasi_UiView({
   const [voteStatus, setVoteStatus] = useAtom(gs_vote_status);
   const [eventMenu, setEventMenu] = useAtom(gs_event_hotMenu);
   const [eventStatus, setEventStatus] = useAtom(gs_event_status);
+  const [donasiMenu, setDonasiMenu] = useAtom(gs_donasi_hot_menu);
+  const [donasiStatus, setDonasiStatus] = useAtom(gs_donasi_tabs_posting);
 
   // useShallowEffect(() => {
   //   onLoadData({
@@ -84,7 +90,7 @@ export function Notifikasi_UiView({
                     setJobMenuId(val.menuId);
                     setJobStatus(val.status);
                   }
-                  
+
                   if (item?.kategoriApp === "VOTING") {
                     setVoteMenu(val.menuId);
                     setVoteStatus(val.status);
@@ -94,6 +100,11 @@ export function Notifikasi_UiView({
                     setEventMenu(val.menuId);
                     setEventStatus(val.status);
                   }
+
+                  if (item?.kategoriApp === "DONASI") {
+                    setDonasiMenu(val.menuId);
+                    setDonasiStatus(val.status);
+                  }
                 }}
               />
             )}