Fix: Image donasi

Deksripsi:
- Tampilan image dari server wibu
- Upload image ke server wibu
## No Issue

src/app/dev/donasi/create/cerita_penggalang/[id]/layout.tsx

@@ -1,4 +1,4 @@
-import { LayoutCreateDonasi } from "@/app_modules/donasi";
+import { LayoutCreateCeritaDonasi } from "@/app_modules/donasi/create";
 import React from "react";
 
 export default async function Layout({
@@ -8,7 +8,7 @@ export default async function Layout({
 }) {
   return (
     <>
-      <LayoutCreateDonasi>{children}</LayoutCreateDonasi>
+      <LayoutCreateCeritaDonasi>{children}</LayoutCreateCeritaDonasi>
     </>
   );
 }

src/app/dev/donasi/create/create_kabar/[id]/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/donasi/create/create_kabar/[id]/page.tsx

@@ -1,8 +1,10 @@
 import { Donasi_CreateKabar } from "@/app_modules/donasi";
 
-export default async function Page({params}: {params: {id: string}}) {
-    const donasiId = params.id
-    return<>
-    <Donasi_CreateKabar donasiId={donasiId}/>
+export default async function Page({ params }: { params: { id: string } }) {
+  const donasiId = params.id;
+  return (
+    <>
+      <Donasi_CreateKabar donasiId={donasiId} />
     </>
-}
+  );
+}

src/app/dev/donasi/detail/detail_main/[id]/layout.tsx

@@ -1,16 +0,0 @@
-import { LayoutDetailMainDonasi } from "@/app_modules/donasi";
-import React from "react";
-
-export default async function Layout({
-  children,
-  params
-}: {
-  children: React.ReactNode;
-  params: {id: string}
-}) {
-  return (
-    <>
-      <LayoutDetailMainDonasi donasiId={params.id}>{children}</LayoutDetailMainDonasi>
-    </>
-  );
-}

src/app/dev/donasi/detail/detail_notif/[id]/layout.tsx

@@ -1,22 +0,0 @@
-import prisma from "@/app/lib/prisma";
-import { LayoutDonasi_DetailNotif } from "@/app_modules/donasi";
-import { Donasi_getOneKabar } from "@/app_modules/donasi/fun/get/get_one_kabar";
-import React from "react";
-
-export default async function Layout({
-  children,
-  params,
-}: {
-  children: React.ReactNode;
-  params: { id: string };
-}) {
-  let kabarId = params.id;
-  const dataKabar = await Donasi_getOneKabar(kabarId);
-  const donasiId =  dataKabar?.donasiId
-
-  return (
-    <>
-      <LayoutDonasi_DetailNotif donasiId={donasiId as any}>{children}</LayoutDonasi_DetailNotif>
-    </>
-  );
-}

src/app/dev/donasi/detail/detail_notif/[id]/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/donasi/detail/detail_notif/[id]/page.tsx

@@ -1,9 +0,0 @@
-import { Donasi_DetailNotif } from "@/app_modules/donasi";
-import { Donasi_getOneKabar } from "@/app_modules/donasi/fun/get/get_one_kabar";
-
-export default async function Page({ params }: { params: { id: string } }) {
-  let kabarId = params.id;
-  const dataKabar = await Donasi_getOneKabar(kabarId);
-
-  return <Donasi_DetailNotif dataKabar={dataKabar as any} />;
-}

src/app/dev/donasi/detail/main/[id]/layout.tsx

@@ -0,0 +1,29 @@
+import { funGetUserIdByToken } from "@/app_modules/_global/fun/get";
+import { LayoutDetailMainDonasi } from "@/app_modules/donasi";
+import { Donasi_getOneById } from "@/app_modules/donasi/fun/get/get_one_donasi_by_id";
+import React from "react";
+
+export default async function Layout({
+  children,
+  params,
+}: {
+  children: React.ReactNode;
+  params: { id: string };
+}) {
+  const donasiId = params.id;
+  const getData = await Donasi_getOneById(donasiId);
+  const authorId = getData?.authorId;
+  const userLoginId = await funGetUserIdByToken();
+
+  return (
+    <>
+      <LayoutDetailMainDonasi
+        donasiId={donasiId}
+        authorId={authorId as any}
+        userLoginId={userLoginId}
+      >
+        {children}
+      </LayoutDetailMainDonasi>
+    </>
+  );
+}

src/app/dev/donasi/detail/publish/[id]/layout.tsx

@@ -8,9 +8,11 @@ export default async function Layout({
   children: React.ReactNode;
   params: { id: string };
 }) {
+  const donasiId = params.id;
+  
   return (
     <>
-      <LayoutDetailPublishDonasi donasiId={params.id}>
+      <LayoutDetailPublishDonasi donasiId={donasiId}>
         {children}
       </LayoutDetailPublishDonasi>
     </>

src/app/dev/donasi/detail/reject/[id]/page.tsx

@@ -4,8 +4,11 @@ import { Donasi_getOneById } from "@/app_modules/donasi/fun/get/get_one_donasi_b
 export default async function Page({params}: {params: {id: string}}) {
     let donasiId= params.id
     const dataReject = await Donasi_getOneById(donasiId)
+    const fileIdImageCerita = dataReject?.CeritaDonasi?.imageId
 
-    return<>
-    <DetailRejectDonasi dataReject={dataReject as any}/>
-    </>
+    return (
+      <>
+        <DetailRejectDonasi dataReject={dataReject as any} fileIdImageCerita={fileIdImageCerita as any}/>
+      </>
+    );
 }

src/app/dev/donasi/edit/edit_cerita/[id]/page.tsx

@@ -3,7 +3,7 @@ import Donasi_getCeritaByDonasiId from "@/app_modules/donasi/fun/get/get_cerita_
 
 export default async function Page({ params }: { params: { id: string } }) {
   const dataCerita = await Donasi_getCeritaByDonasiId(params.id)
-  // console.log(dataCerita);
+
   return (
     <>
       <EditCeritaPenggalangDonasi dataCerita={dataCerita as any} />

src/app/dev/donasi/edit/kabar/[id]/page.tsx

@@ -0,0 +1,16 @@
+import { Donasi_UiEditKabar } from "@/app_modules/donasi/_ui";
+import { Donasi_getOneKabar } from "@/app_modules/donasi/fun/get/get_one_kabar";
+import React from "react";
+
+async function Page({ params }: { params: { id: string } }) {
+  const kabarId = params.id;
+  const dataKabar = await Donasi_getOneKabar(kabarId);
+
+  return (
+    <>
+      <Donasi_UiEditKabar dataKabar={dataKabar} />
+    </>
+  );
+}
+
+export default Page;

src/app/dev/donasi/kabar/[id]/page.tsx

@@ -1,13 +1,13 @@
 import { KabarDonasi } from "@/app_modules/donasi";
-import { donasi_funGetListKabarById } from "@/app_modules/donasi/fun/get/get_list_kabar";
+import { Donasi_getOneKabar } from "@/app_modules/donasi/fun/get/get_one_kabar";
 
-export default async function Page({params}: {params: {id: string}}) {
-  const donasiId = params.id
-  const listKabar = await donasi_funGetListKabarById({ page: 1, donasiId : donasiId});
+export default async function Page({ params }: { params: { id: string } }) {
+  let kabarId = params.id;
+  const dataDonasi = await Donasi_getOneKabar(kabarId);
 
   return (
     <>
-      <KabarDonasi listKabar={listKabar as any} donasiId={donasiId} />
+      <KabarDonasi dataDonasi={dataDonasi as any} />
     </>
   );
 }

src/app/dev/donasi/kabar/daftar/[id]/page.tsx

@@ -0,0 +1,18 @@
+import { Donasi_UiDaftarKabar } from "@/app_modules/donasi/_ui";
+import { donasi_funGetListKabarById } from "@/app_modules/donasi/fun/get/get_list_kabar";
+
+async function Page({ params }: { params: { id: string } }) {
+  const donasiId = params.id;
+  const listKabar = await donasi_funGetListKabarById({
+    page: 1,
+    donasiId: donasiId,
+  });
+
+  return (
+    <>
+      <Donasi_UiDaftarKabar dataDonasi={listKabar as any} donasiId={donasiId}/>
+    </>
+  );
+}
+
+export default Page;

src/app/dev/donasi/kabar/rekap/[id]/page.tsx

@@ -0,0 +1,18 @@
+import { Donasi_UiRekapKabar } from "@/app_modules/donasi/_ui";
+import { donasi_funGetListKabarById } from "@/app_modules/donasi/fun/get/get_list_kabar";
+
+async function Page({ params }: { params: { id: string } }) {
+  const donasiId = params.id;
+  const listKabar = await donasi_funGetListKabarById({
+    page: 1,
+    donasiId: donasiId,
+  });
+
+  return (
+    <>
+      <Donasi_UiRekapKabar donasiId={donasiId} listKabar={listKabar as any} />
+    </>
+  );
+}
+
+export default Page;

src/app/dev/donasi/list_kabar/[id]/layout.tsx

@@ -1,16 +0,0 @@
-import { LayoutListKabarDonasi } from "@/app_modules/donasi";
-import React from "react";
-
-export default async function Layput({
-  children,
-  params
-}: {
-  children: React.ReactNode;
-  params: {id: string}
-}) {
-  return (
-    <>
-      <LayoutListKabarDonasi>{children}</LayoutListKabarDonasi>
-    </>
-  );
-}

src/app/dev/donasi/list_kabar/[id]/page.tsx

@@ -1,13 +0,0 @@
-import { ListKabarDonasi } from "@/app_modules/donasi";
-import { donasi_funGetListKabarById } from "@/app_modules/donasi/fun/get/get_list_kabar";
-
-export default async function Page({params}: {params: {id: string}}) {
-const donasiId = params.id
-const listKabar = await donasi_funGetListKabarById({page: 1, donasiId : donasiId});
-
-  return (
-    <>
-      <ListKabarDonasi donasiId={donasiId} listKabar={listKabar as any} />
-    </>
-  );
-}

src/app/dev/donasi/notif_page/[id]/layout.tsx

@@ -1,8 +0,0 @@
-import { LayoutDonasi_NotifPage } from "@/app_modules/donasi";
-import React from "react";
-
-export default async function Layout({children}: {children: React.ReactNode}) {
-    return<>
-    <LayoutDonasi_NotifPage>{children}</LayoutDonasi_NotifPage>
-    </>
-}

src/app/dev/donasi/notif_page/[id]/loading.tsx

@@ -1,9 +0,0 @@
-import ComponentGlobal_V2_LoadingPage from "@/app_modules/_global/loading_page_v2";
-
-export default async function Page() {
-  return (
-    <>
-      <ComponentGlobal_V2_LoadingPage />
-    </>
-  );
-}

src/app/dev/donasi/notif_page/[id]/page.tsx

@@ -1,14 +0,0 @@
-import { Donasi_NotifPage } from "@/app_modules/donasi";
-import { Donasi_getNotifByUserId } from "@/app_modules/donasi/fun/get/get_notif_by_user_id";
-
-export default async function Page({ params }: { params: { id: string } }) {
-  let userId = params.id;
-  const dataNotif = await Donasi_getNotifByUserId(userId);
-// console.log(dataNotif)
-
-  return (
-    <>
-      <Donasi_NotifPage dataNotif={dataNotif as any} />
-    </>
-  );
-}

src/app/dev/donasi/page_pop_up/create/page.tsx

@@ -1,5 +0,0 @@
-import { PagePopUpCreateDonasi } from "@/app_modules/donasi";
-
-export default async function Page() {
-  return <PagePopUpCreateDonasi />;
-}

src/app/dev/donasi/proses_donasi/invoice/[id]/page.tsx

@@ -1,5 +1,4 @@
 import { Donasi_InvoiceProses } from "@/app_modules/donasi";
-import { Donasi_getOneById } from "@/app_modules/donasi/fun/get/get_one_donasi_by_id";
 import { Donasi_getOneInvoiceById } from "@/app_modules/donasi/fun/get/get_one_invoice_by_id";
 
 export default async function Page({ params }: { params: { id: string } }) {

src/app/lib/id-derectory.ts

@@ -14,8 +14,8 @@ const DIRECTORY_ID = {
 
   // Donasi
   donasi_image: "cm0yk1coh000f10nj597a99kv",
-  donasi_temporary_image: "cm2dvxo48007t10dpmmustxa2",
   donasi_cerita_image: "cm2dvy9bi007v10dpmatb5yiy",
+  donasi_kabar: "cm2dvxo48007t10dpmmustxa2",
   donasi_bukti_transfer: "cm0yk1pmh000h10njhi6m8b8t",
 
   // Job

src/app/lib/router_hipmi/router_donasi.ts

@@ -22,24 +22,27 @@ export const RouterDonasi = {
   edit_donasi: "/dev/donasi/edit/edit_donasi/",
   edit_cerita_penggalang: "/dev/donasi/edit/edit_cerita/",
   edit_rekening: "/dev/donasi/edit/edit_rekening/",
+  edit_kabar: ({ id }: { id: string }) => `/dev/donasi/edit/kabar/${id}`,
 
   //pop up
   page_pop_up_create: "/dev/donasi/page_pop_up/create",
 
   //detail
-  detail_main: "/dev/donasi/detail/detail_main/",
-  detail_kabar: "/dev/donasi/detail/detail_kabar/",
-  detail_publish: "/dev/donasi/detail/detail_publish/",
-  detail_review: "/dev/donasi/detail/detail_review/",
-  detail_draft: "/dev/donasi/detail/detail_draft/",
-  detail_reject: "/dev/donasi/detail/detail_reject/",
-  detail_donasi_saya: "/dev/donasi/detail/detail_donasi_saya/",
+  detail_main: "/dev/donasi/detail/main/",
+  detail_publish: "/dev/donasi/detail/publish/",
+  detail_review: "/dev/donasi/detail/review/",
+  detail_draft: "/dev/donasi/detail/draft/",
+  detail_reject: "/dev/donasi/detail/reject/",
+  detail_donasi_saya: "/dev/donasi/detail/donasi_saya/",
+
+  detail_kabar: "/dev/donasi/detail/kabar/",
   detail_notif: "/dev/donasi/detail/detail_notif/",
 
-
   //alur donasi
+  kabar: ({ id }: { id: string }) => `/dev/donasi/kabar/${id}`,
+  daftar_kabar: ({ id }: { id: string }) => `/dev/donasi/kabar/daftar/${id}`,
+  rekap_kabar: ({ id }: { id: string }) => `/dev/donasi/kabar/rekap/${id}`,
   donatur: "/dev/donasi/donatur/",
-  kabar: "/dev/donasi/kabar/",
   pencairan_dana: "/dev/donasi/pencairan_dana/",
   penggalang_dana: "/dev/donasi/penggalang_dana/",
   cerita_penggalang: "/dev/donasi/cerita_penggalang/",