Donasi Info Admni

# feat
- info admin
- hapus admin
## Issue: Loading data belum untuk versi alfa

src/app_modules/donasi/detail/deail_notif/index.tsx

@@ -0,0 +1,34 @@
+"use client";
+
+import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+import { AspectRatio, Box, Image, Paper, Stack, Text, Title } from "@mantine/core";
+import moment from "moment";
+import kabar from "../detail_main/kabar";
+import { MODEL_DONASI_KABAR } from "../../model/interface";
+import { useState } from "react";
+
+export default function Donasi_DetailNotif({dataKabar}: {dataKabar: MODEL_DONASI_KABAR}) {
+  const [kabar, setKabar] = useState(dataKabar)
+  return <>
+   <Stack>
+        <Stack>
+          <Text fz={"xs"}>{moment(Date.now()).format("ll")}</Text>
+          <Title order={5}>{kabar.title}</Title>
+          {kabar.imagesId === null ? (
+            ""
+          ) : (
+            <AspectRatio ratio={16 / 9}>
+              <Paper radius={"md"}>
+                <Image
+                  alt="Foro"
+                  src={RouterDonasi.api_gambar_kabar + `${kabar.imagesId}`}
+                />
+              </Paper>
+            </AspectRatio>
+          )}
+          <Text>{kabar.deskripsi}</Text>
+        </Stack>
+      </Stack>
+
+  </>;
+}

src/app_modules/donasi/detail/deail_notif/layout.tsx

@@ -0,0 +1,41 @@
+"use client";
+
+import { AppShell, Button, Center, Footer } from "@mantine/core";
+import React from "react";
+import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
+import { useRouter } from "next/navigation";
+import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
+
+export default function LayoutDonasi_DetailNotif({
+  children,
+  donasiId,
+}: {
+  children: React.ReactNode;
+  donasiId: string;
+}) {
+  const router = useRouter();
+  return (
+    <>
+      <AppShell
+        header={<ComponentDonasi_HeaderTamplate title="Detail Pemberitahuan" />}
+        footer={
+          <Footer height={70} p={"md"}>
+            <Center h={"100%"}>
+              <Button
+                w={"100%"}
+                radius={"xl"}
+                onClick={() =>
+                  router.push(RouterDonasi.detail_main + `${donasiId}`)
+                }
+              >
+                Lihat Donasi
+              </Button>
+            </Center>
+          </Footer>
+        }
+      >
+        {children}
+      </AppShell>
+    </>
+  );
+}

src/app_modules/donasi/detail/detail_donasi_saya/layout.tsx

@@ -2,13 +2,13 @@
 
 import { AppShell } from "@mantine/core"
 import React from "react"
-import HeaderTamplateDonasi from "../../component/header_tamplate"
+import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate"
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi"
 
 export default function LayoutDetailDonasiSaya({children}: {children: React.ReactNode}){
     return<>
     <AppShell
-    header={<HeaderTamplateDonasi title="Detail Donasi Saya" route={RouterDonasi.main_donasi_saya} />}
+    header={<ComponentDonasi_HeaderTamplate title="Detail Donasi Saya" route={RouterDonasi.main_donasi_saya} />}
     >
         {children}
     </AppShell>

src/app_modules/donasi/detail/detail_draft/layout.tsx

@@ -12,7 +12,7 @@ import {
   Title,
 } from "@mantine/core";
 import React from "react";
-import HeaderTamplateDonasi from "../../component/header_tamplate";
+import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
 import {
   IconChevronLeft,
   IconEdit,
@@ -78,6 +78,15 @@ export default function LayoutDetailDraftDonasi({
           >
             Edit Cerita
           </Button>
+          <Button
+            variant="outline"
+            radius={"xl"}
+            w={"100%"}
+            color="orange"
+            onClick={() => router.push(RouterDonasi.edit_rekening + `${donasiId}`)}
+          >
+            Edit Rekening
+          </Button>
         </Stack>
       </Modal>
     </>

src/app_modules/donasi/detail/detail_kabar/index.tsx

@@ -13,38 +13,30 @@ import {
   Divider,
 } from "@mantine/core";
 import moment from "moment";
+import { MODEL_DONASI_KABAR } from "../../model/interface";
+import { useState } from "react";
 
-export default function DetailKabarDonasi() {
+export default function DetailKabarDonasi({dataDonasi}: {dataDonasi: MODEL_DONASI_KABAR}) {
+  const [kabar, setKabar] = useState(dataDonasi)
   return (
     <>
-      <Stack>
-        <Group>
-          <Avatar variant="filled" radius={"xl"} />
-          <Stack spacing={0}>
-            <Text>Username</Text>
-            <Text fz={"xs"}>{moment(Date.now()).format("ll")}</Text>
-          </Stack>
-        </Group>
+     <Stack>
         <Stack>
-          <Title order={5}>Judul Berita</Title>
-         
-
-          <Text>
-            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquam
-            nostrum vitae eum facilis similique minus exercitationem assumenda,
-            quidem dolores illum ducimus fuga rem molestias? Numquam id
-            praesentium dolor qui amet.
-          </Text>
-
-          <AspectRatio ratio={16 / 9}>
-            <Image alt="Foro" src={"/aset/no-img.png"} />
-          </AspectRatio>
-          <Text>
-            Lorem ipsum, dolor sit amet consectetur adipisicing elit. Aliquam
-            nostrum vitae eum facilis similique minus exercitationem assumenda,
-            quidem dolores illum ducimus fuga rem molestias? Numquam id
-            praesentium dolor qui amet.
-          </Text>
+          <Text fz={"xs"}>{moment(Date.now()).format("ll")}</Text>
+          <Title order={5}>{kabar.title}</Title>
+          {kabar.imagesId === null ? (
+            ""
+          ) : (
+            <AspectRatio ratio={16 / 9}>
+              <Paper radius={"md"}>
+                <Image
+                  alt="Foro"
+                  src={RouterDonasi.api_gambar_kabar + `${kabar.imagesId}`}
+                />
+              </Paper>
+            </AspectRatio>
+          )}
+          <Text>{kabar.deskripsi}</Text>
         </Stack>
       </Stack>
     </>

src/app_modules/donasi/detail/detail_kabar/layout.tsx

@@ -11,7 +11,7 @@ import {
 import { useRouter } from "next/navigation";
 import React from "react";
 import FooterDonasi from "../../component/footer_close_donasi";
-import HeaderTamplateDonasi from "../../component/header_tamplate";
+import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
 
 export default function LayoutDetailKabarDonasi({
   children,
@@ -22,7 +22,7 @@ export default function LayoutDetailKabarDonasi({
   return (
     <>
       <AppShell
-        header={<HeaderTamplateDonasi title="Detail Kabar" hideBack={true} />}
+        header={<ComponentDonasi_HeaderTamplate title="Detail Kabar" hideBack={true} />}
         footer={<FooterDonasi />}
       >
         {children}

src/app_modules/donasi/detail/detail_main/cerita_penggalang/layout.tsx

@@ -2,7 +2,7 @@
 
 import ButtonDonasi from "@/app_modules/donasi/component/footer_button_donasi";
 import FooterDonasi from "@/app_modules/donasi/component/footer_close_donasi";
-import HeaderTamplateDonasi from "@/app_modules/donasi/component/header_tamplate";
+import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
 
@@ -19,7 +19,7 @@ export default function LayoutCeritaPenggalangDonasi({
     return (
       <>
         <AppShell
-          header={<HeaderTamplateDonasi title="Cerita Penggalang Dana" />}
+          header={<ComponentDonasi_HeaderTamplate title="Cerita Penggalang Dana" />}
         >
           {children}
         </AppShell>
@@ -28,7 +28,7 @@ export default function LayoutCeritaPenggalangDonasi({
   }
   return (
     <AppShell
-      header={<HeaderTamplateDonasi title="Cerita Penggalang Dana" />}
+      header={<ComponentDonasi_HeaderTamplate title="Cerita Penggalang Dana" />}
       footer={<ButtonDonasi donasiId={donasiId}/>}
     >
       {children}

src/app_modules/donasi/detail/detail_main/donatur/layout.tsx

@@ -2,7 +2,7 @@
 
 import { AppShell } from "@mantine/core";
 import React from "react";
-import HeaderTamplateDonasi from "../../../component/header_tamplate";
+import ComponentDonasi_HeaderTamplate from "../../../component/header_tamplate";
 
 export default function LayoutDonaturDonasi({
   children,
@@ -11,7 +11,7 @@ export default function LayoutDonaturDonasi({
 }) {
   return (
     <>
-      <AppShell header={<HeaderTamplateDonasi title="Donatur" />}>
+      <AppShell header={<ComponentDonasi_HeaderTamplate title="Donatur" />}>
         {children}
       </AppShell>
     </>

src/app_modules/donasi/detail/detail_main/index.tsx

@@ -35,15 +35,21 @@ import ComponentDonasi_InformasiPenggalangMain from "../../component/detail_main
 
 export default function DetailMainDonasi({
   dataDonasi,
-  countDonatur
+  countDonatur,
+  userLoginId,
 }: {
   dataDonasi: MODEL_DONASI;
-  countDonatur: number
+  countDonatur: number;
+  userLoginId: string;
 }) {
   return (
     <>
       <Stack spacing={40}>
-        <ComponentDonasi_DetailDataMain donasi={dataDonasi} countDonatur={countDonatur} />
+        <ComponentDonasi_DetailDataMain
+          donasi={dataDonasi}
+          countDonatur={countDonatur}
+          userLoginId={userLoginId}
+        />
         <ComponentDonasi_InformasiPenggalangMain author={dataDonasi.Author} />
         <ComponentDonasi_CeritaPenggalangMain donasi={dataDonasi} />
       </Stack>

src/app_modules/donasi/detail/detail_main/kabar/index.tsx

@@ -40,7 +40,7 @@ export default function KabarDonasi({
       >
         {kabar.map((e, i) => (
          <Box key={i}>
-          <ComponentDonasi_ListKabar kabar={e} />
+          <ComponentDonasi_ListKabar kabar={e} route={RouterDonasi.detail_kabar} />
          </Box>
         ))}
       </SimpleGrid>

src/app_modules/donasi/detail/detail_main/kabar/layout.tsx

@@ -2,12 +2,12 @@
 
 import { AppShell } from "@mantine/core"
 import React from "react"
-import HeaderTamplateDonasi from "../../../component/header_tamplate"
+import ComponentDonasi_HeaderTamplate from "../../../component/header_tamplate"
 
 export default function LayoutKabarDonasi({children}: {children: React.ReactNode}){
     return<>
     <AppShell
-    header={<HeaderTamplateDonasi title="Kabar Terbaru"/>}
+    header={<ComponentDonasi_HeaderTamplate title="Kabar Terbaru"/>}
     >
         {children}
     </AppShell>

src/app_modules/donasi/detail/detail_main/layout.tsx

@@ -2,7 +2,7 @@
 
 import { AppShell, Box, Button, Center, Footer } from "@mantine/core";
 import React from "react";
-import HeaderTamplateDonasi from "../../component/header_tamplate";
+import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
 import ButtonDonasi from "../../component/footer_button_donasi";
 
 export default function LayoutDetailMainDonasi({
@@ -15,7 +15,7 @@ export default function LayoutDetailMainDonasi({
   return (
     <>
       <AppShell
-        header={<HeaderTamplateDonasi title="Detail Donasi" />}
+        header={<ComponentDonasi_HeaderTamplate title="Detail Donasi" />}
         footer={<ButtonDonasi  donasiId={donasiId}/>}
       >
         {children}

src/app_modules/donasi/detail/detail_main/pencairan_dana/index.tsx

@@ -1,7 +1,14 @@
 "use client";
 
+import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 import ComponentDonasi_NotedBox from "@/app_modules/donasi/component/noted_box";
+import TampilanRupiahDonasi from "@/app_modules/donasi/component/tampilan_rupiah";
 import {
+  MODEL_DONASI,
+  MODEL_DONASI_PENCAIRAN_DANA,
+} from "@/app_modules/donasi/model/interface";
+import {
+  AspectRatio,
   Avatar,
   Button,
   Center,
@@ -18,85 +25,103 @@ import {
 import { useDisclosure } from "@mantine/hooks";
 import { IconTransferIn } from "@tabler/icons-react";
 import moment from "moment";
+import { useState } from "react";
 
-export default function PencairanDanaDonasi() {
+export default function PencairanDanaDonasi({
+  totalAkumulasi,
+  listPencairan,
+}: {
+  totalAkumulasi: MODEL_DONASI;
+  listPencairan: MODEL_DONASI_PENCAIRAN_DANA[];
+}) {
+  const [akumulasi, setAkumulasi] = useState(totalAkumulasi);
+  const [listPD, setListPD] = useState(listPencairan);
   return (
     <>
       <Stack>
-        <BoxDanaDicarikan />
-        <InformasiPencairanDana />
+        <BoxDanaDicarikan akumulasi={akumulasi} />
+        <InformasiPencairanDana listPD={listPD} />
       </Stack>
     </>
   );
 }
 
-function BoxDanaDicarikan() {
+function BoxDanaDicarikan({ akumulasi }: { akumulasi: MODEL_DONASI }) {
   return (
     <>
       <Paper bg={"gray.1"} p={"md"}>
         <Stack>
-        <Grid>
-          <Grid.Col span={6}>
-            <Title order={5}>Rp. 10.000.000</Title>
-            <Text fz={"xs"}>Dana sudah dicairkan</Text>
-          </Grid.Col>
-          <Grid.Col span={6}>
-            <Title order={5}>2 kali</Title>
-            <Text fz={"xs"}>Pencairan dana</Text>
-          </Grid.Col>
-        </Grid>
-        <ComponentDonasi_NotedBox informasi=" Pencairan dana akan dilakukan oleh Admin HIPMI tanpa campur tangan
+          <Grid>
+            <Grid.Col span={6}>
+              <Title order={5}>
+                <TampilanRupiahDonasi nominal={akumulasi.totalPencairan} />
+              </Title>
+              <Text fz={"xs"}>Dana sudah dicairkan</Text>
+            </Grid.Col>
+            <Grid.Col span={6}>
+              <Title order={5}>{akumulasi.akumulasiPencairan} kali</Title>
+              <Text fz={"xs"}>Pencairan dana</Text>
+            </Grid.Col>
+          </Grid>
+          <ComponentDonasi_NotedBox
+            informasi=" Pencairan dana akan dilakukan oleh Admin HIPMI tanpa campur tangan
             pihak manapun, jika berita pencairan dana dibawah tidak sesuai
             dengan kabar yang diberikan oleh PENGGALANG DANA. Maka pegguna lain
-            dapat melaporkannya pada Admin HIPMI !"/>
+            dapat melaporkannya pada Admin HIPMI !"
+          />
         </Stack>
       </Paper>
     </>
   );
 }
 
-function InformasiPencairanDana() {
+function InformasiPencairanDana({
+  listPD,
+}: {
+  listPD: MODEL_DONASI_PENCAIRAN_DANA[];
+}) {
   const [opened, { open, close }] = useDisclosure(false);
+  const [idGambar, setIdGambar] = useState("");
   return (
     <>
-      <Modal opened={opened} onClose={close} fullScreen>
-        <Paper>
-          <Stack>
+      <Modal opened={opened} onClose={close} size={"xl"}>
+        <AspectRatio ratio={9 / 16}>
+          <Paper>
+            <Image
+              alt="Foto"
+              src={RouterDonasi.api_gambar_pencairan + `${idGambar}`}
+            />
+          </Paper>
+        </AspectRatio>
+      </Modal>
+      {listPD.map((e, i) => (
+        <Paper key={i} withBorder p={"md"}>
+          <Text fz={"xs"}>{moment(e.createdAt).format("ll")}</Text>
+          <Stack spacing={"lg"}>
+            <Title order={5}>{e.title}</Title>
+            <Spoiler
+              maxHeight={50}
+              hideLabel="Sembunyikan"
+              showLabel="Baca Selengkapnya"
+            >
+              {e.deskripsi}
+            </Spoiler>
             <Center>
-              <Title order={5}>Bukti Pencairan Dana</Title>
+              <Button
+                radius={"xl"}
+                variant="outline"
+                leftIcon={<IconTransferIn />}
+                onClick={() => {
+                  open();
+                  setIdGambar(e.imagesId);
+                }}
+              >
+                Bukti Transfer
+              </Button>
             </Center>
-            <Image alt="Foto" src={"/aset/donasi/bukti.jpg"} />
           </Stack>
         </Paper>
-      </Modal>
-      {Array(2)
-        .fill(0)
-        .map((e, i) => (
-          <Paper key={i} withBorder p={"md"}>
-            <Text fz={"xs"}>{moment(Date.now()).format("ll")}</Text>
-            <Stack spacing={"lg"}>
-              <Title order={5}>Pencairan Dana Sebesar Rp. 5.000.000</Title>
-              <Spoiler
-                maxHeight={50}
-                hideLabel="Sembunyikan"
-                showLabel="Baca Selengkapnya"
-              >
-                Pencairan Dana kepada pihak Penggalang dana sebesar 5 juta yang
-                di transfer pada, {moment(Date.now()).format("lll")}.
-              </Spoiler>
-              <Center>
-                <Button
-                  radius={"xl"}
-                  variant="outline"
-                  leftIcon={<IconTransferIn />}
-                  onClick={() => open()}
-                >
-                  Bukti Transfer
-                </Button>
-              </Center>
-            </Stack>
-          </Paper>
-        ))}
+      ))}
     </>
   );
 }

src/app_modules/donasi/detail/detail_main/pencairan_dana/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplateDonasi from "@/app_modules/donasi/component/header_tamplate";
+import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
 
@@ -11,7 +11,7 @@ export default function LayoutPencairanDanaDonasi({
 }) {
   return (
     <>
-      <AppShell header={<HeaderTamplateDonasi title="Pencairan Dana" />}>
+      <AppShell header={<ComponentDonasi_HeaderTamplate title="Pencairan Dana" />}>
         {children}
       </AppShell>
     </>

src/app_modules/donasi/detail/detail_main/penggalang_dana/layout.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import HeaderTamplateDonasi from "@/app_modules/donasi/component/header_tamplate";
+import ComponentDonasi_HeaderTamplate from "@/app_modules/donasi/component/header_tamplate";
 import { AppShell } from "@mantine/core";
 import React from "react";
 
@@ -12,7 +12,7 @@ export default function LayoutPenggalangDanaDonasi({
   return (
     <>
       <AppShell
-        header={<HeaderTamplateDonasi title="Informasi Penggalangan Dana" />}
+        header={<ComponentDonasi_HeaderTamplate title="Informasi Penggalangan Dana" />}
         //   footer={<FooterDonasi />}
       >
         {children}

src/app_modules/donasi/detail/detail_publish/index.tsx

@@ -31,17 +31,19 @@ import ComponentDonasi_InformasiPenggalangMain from "../../component/detail_main
 
 export default function DetailPublishDonasi({
   dataPublish,
-  countDonatur
+  countDonatur,
+  userLoginId
 }: {
   dataPublish: MODEL_DONASI;
-  countDonatur: number
+  countDonatur: number,
+  userLoginId: string
 }) {
   const [donasi, setDonasi] = useState(dataPublish);
   return (
     <>
       {/* <pre>{JSON.stringify(donasi,null,2)}</pre> */}
       <Stack spacing={40}>
-        <ComponentDonasi_DetailDataMain donasi={donasi} countDonatur={countDonatur} />
+        <ComponentDonasi_DetailDataMain donasi={donasi} countDonatur={countDonatur} userLoginId={userLoginId}/>
         <ComponentDonasi_InformasiPenggalangMain author={donasi.Author}/>
         <ComponentDonasi_CeritaPenggalangMain donasi={donasi} />
       </Stack>

src/app_modules/donasi/detail/detail_publish/layout.tsx

@@ -2,7 +2,7 @@
 
 import { AppShell } from "@mantine/core";
 import React from "react";
-import HeaderTamplateDonasi from "../../component/header_tamplate";
+import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
 import { IconEdit, IconMessageShare } from "@tabler/icons-react";
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 
@@ -17,7 +17,7 @@ export default function LayoutDetailPublishDonasi({
     <>
       <AppShell
         header={
-          <HeaderTamplateDonasi
+          <ComponentDonasi_HeaderTamplate
             title="Detail Publish"
             icon={<IconMessageShare />}
             route2={RouterDonasi.list_kabar + `${donasiId}`}

src/app_modules/donasi/detail/detail_reject/index.tsx

@@ -37,6 +37,7 @@ import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
 import { NotifGagal } from "../../component/notifikasi/notif_gagal";
 import ComponentDonasi_CeritaPenggalangMain from "../../component/detail_main/cerita_penggalang";
 import ComponentDonasi_DetailDataGalangDana from "../../component/detail_galang_dana/detail_data_donasi";
+import { Donasi_funDeleteDonasiById } from "../../fun/delete/fin_delete_donasi_by_id";
 
 export default function DetailRejectDonasi({
   dataReject,
@@ -92,8 +93,15 @@ function ButtonAction({ donasiId }: { donasiId: string }) {
     setTabsPostingDonasi("Draft");
   }
   async function onDelete() {
-    router.push(RouterDonasi.main_galang_dana);
-    setTabsPostingDonasi("Reject");
+    await Donasi_funDeleteDonasiById(donasiId).then((res) => {
+      if (res.status === 200) {
+        router.push(RouterDonasi.main_galang_dana);
+        setTabsPostingDonasi("Reject");
+        NotifBerhasil(res.message);
+      } else {
+        NotifGagal(res.message);
+      }
+    });
   }
   return (
     <>

src/app_modules/donasi/detail/detail_reject/layout.tsx

@@ -2,7 +2,7 @@
 
 import { AppShell } from "@mantine/core";
 import React from "react";
-import HeaderTamplateDonasi from "../../component/header_tamplate";
+import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
 import { IconEdit, IconMessageShare } from "@tabler/icons-react";
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 
@@ -14,7 +14,7 @@ export default  function LayoutDetailRejectDonasi({
   
   return (
     <>
-      <AppShell header={<HeaderTamplateDonasi title="Detail Reject"  />}>
+      <AppShell header={<ComponentDonasi_HeaderTamplate title="Detail Reject"  />}>
         {children}
       </AppShell>
     </>

src/app_modules/donasi/detail/detail_review/layout.tsx

@@ -2,7 +2,7 @@
 
 import { AppShell } from "@mantine/core";
 import React from "react";
-import HeaderTamplateDonasi from "../../component/header_tamplate";
+import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
 import { IconEdit, IconMessageShare } from "@tabler/icons-react";
 import { RouterDonasi } from "@/app/lib/router_hipmi/router_donasi";
 
@@ -14,7 +14,7 @@ export default  function LayoutDetailReviewDonasi({
   
   return (
     <>
-      <AppShell header={<HeaderTamplateDonasi title="Detail Review"  />}>
+      <AppShell header={<ComponentDonasi_HeaderTamplate title="Detail Review"  />}>
         {children}
       </AppShell>
     </>