Fix: Notifikasi

Deskripsi:
- Fix tampilan & route norifkasi
- Pengambilan data diatur per notifikasi agar lebih cepat

src/app/dev/notifikasi/collaboration/page.tsx

@@ -0,0 +1,17 @@
+import {
+  Notifikasi_UiCollaboration
+} from "@/app_modules/notifikasi/_ui";
+import notifikasi_getByUserId from "@/app_modules/notifikasi/fun/get/get_notifiaksi_by_id";
+
+export default async function Page() {
+  const listNotifikasi = await notifikasi_getByUserId({
+    page: 1,
+    kategoriApp: "Collaboration",
+  });
+
+  return (
+    <>
+      <Notifikasi_UiCollaboration listNotifikasi={listNotifikasi} />
+    </>
+  );
+}

src/app/dev/notifikasi/donasi/page.tsx

@@ -0,0 +1,15 @@
+import { Notifikasi_UiDonasi } from "@/app_modules/notifikasi/_ui";
+import notifikasi_getByUserId from "@/app_modules/notifikasi/fun/get/get_notifiaksi_by_id";
+
+export default async function Page() {
+  const listNotifikasi = await notifikasi_getByUserId({
+    page: 1,
+    kategoriApp: "Donasi",
+  });
+
+  return (
+    <>
+      <Notifikasi_UiDonasi listNotifikasi={listNotifikasi} />
+    </>
+  );
+}

src/app/dev/notifikasi/event/page.tsx

@@ -0,0 +1,15 @@
+import { Notifikasi_UiEvent } from "@/app_modules/notifikasi/_ui";
+import notifikasi_getByUserId from "@/app_modules/notifikasi/fun/get/get_notifiaksi_by_id";
+
+export default async function Page() {
+   const listNotifikasi = await notifikasi_getByUserId({
+     page: 1,
+     kategoriApp: "Event",
+   });
+
+  return (
+    <>
+      <Notifikasi_UiEvent listNotifikasi={listNotifikasi} />
+    </>
+  );
+}

src/app/dev/notifikasi/forum/page.tsx

@@ -0,0 +1,15 @@
+import { Notifikasi_UiForum } from "@/app_modules/notifikasi/_ui";
+import notifikasi_getByUserId from "@/app_modules/notifikasi/fun/get/get_notifiaksi_by_id";
+
+export default async function Page() {
+  const listNotifikasi = await notifikasi_getByUserId({
+    page: 1,
+    kategoriApp: "Forum",
+  });
+
+  return (
+    <>
+      <Notifikasi_UiForum listNotifikasi={listNotifikasi} />
+    </>
+  );
+}

src/app/dev/notifikasi/investasi/page.tsx

@@ -0,0 +1,15 @@
+import { Notifikasi_UiDonasi, Notifikasi_UiInvestasi } from "@/app_modules/notifikasi/_ui";
+import notifikasi_getByUserId from "@/app_modules/notifikasi/fun/get/get_notifiaksi_by_id";
+
+export default async function Page() {
+  const listNotifikasi = await notifikasi_getByUserId({
+    page: 1,
+    kategoriApp: "Investasi",
+  });
+
+  return (
+    <>
+      <Notifikasi_UiInvestasi listNotifikasi={listNotifikasi} />
+    </>
+  );
+}

src/app/dev/notifikasi/job/page.tsx

@@ -0,0 +1,15 @@
+import { Notifikasi_UiJob } from "@/app_modules/notifikasi/_ui";
+import notifikasi_getByUserId from "@/app_modules/notifikasi/fun/get/get_notifiaksi_by_id";
+
+export default async function Page() {
+  const listNotifikasi = await notifikasi_getByUserId({
+    page: 1,
+    kategoriApp: "Job",
+  });
+
+  return (
+    <>
+      <Notifikasi_UiJob listNotifikasi={listNotifikasi} />
+    </>
+  );
+}

src/app/dev/notifikasi/layout.tsx

@@ -0,0 +1,22 @@
+import { UIGlobal_LayoutHeaderTamplate } from "@/app_modules/_global/ui";
+import { Notifikasi_UiNewLayout } from "@/app_modules/notifikasi/_ui";
+import { notifikasi_funGetKategoriApp } from "@/app_modules/notifikasi/fun/get/fun_get_kategori_app";
+
+export default async function Layout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const masterKategori = await notifikasi_funGetKategoriApp();
+
+  return (
+    <>
+      <Notifikasi_UiNewLayout
+        header={<UIGlobal_LayoutHeaderTamplate title="Notifikasi" />}
+        masterKategori={masterKategori}
+      >
+        {children}
+      </Notifikasi_UiNewLayout>
+    </>
+  );
+}

src/app/dev/notifikasi/page.tsx

@@ -1,24 +0,0 @@
-import { ComponentNotifikasi_CardSkeleton } from "@/app_modules/notifikasi/component";
-import { notifikasi_funGetKategoriApp } from "@/app_modules/notifikasi/fun/get/fun_get_kategori_app";
-import notifikasi_getByUserId from "@/app_modules/notifikasi/fun/get/get_notifiaksi_by_id";
-import { Notifikasi_MainView } from "@/app_modules/notifikasi/view";
-import { Suspense } from "react";
-
-export default async function Page() {
-  const listNotifikasi = await notifikasi_getByUserId({
-    page: 1,
-    kategoriApp: "Semua",
-  });
-  const masterKategori = await notifikasi_funGetKategoriApp();
-
-  return (
-    <>
-      <Suspense fallback={<ComponentNotifikasi_CardSkeleton />}>
-        <Notifikasi_MainView
-          listNotifikasi={listNotifikasi as any}
-          masterKategori={masterKategori}
-        />
-      </Suspense>
-    </>
-  );
-}

src/app/dev/notifikasi/semua/page.tsx

@@ -0,0 +1,15 @@
+import { Notifikasi_UiAll } from "@/app_modules/notifikasi/_ui";
+import notifikasi_getByUserId from "@/app_modules/notifikasi/fun/get/get_notifiaksi_by_id";
+
+export default async function Page() {
+  const listNotifikasi = await notifikasi_getByUserId({
+    page: 1,
+    kategoriApp: "Semua",
+  });
+
+  return (
+    <>
+      <Notifikasi_UiAll listNotifikasi={listNotifikasi} />
+    </>
+  );
+}

src/app/dev/notifikasi/voting/page.tsx

@@ -0,0 +1,15 @@
+import { Notifikasi_UiVoting } from "@/app_modules/notifikasi/_ui";
+import notifikasi_getByUserId from "@/app_modules/notifikasi/fun/get/get_notifiaksi_by_id";
+
+export default async function Page() {
+   const listNotifikasi = await notifikasi_getByUserId({
+     page: 1,
+     kategoriApp: "Voting",
+   });
+
+  return (
+    <>
+      <Notifikasi_UiVoting listNotifikasi={listNotifikasi} />
+    </>
+  );
+}