Donasi Info Admni

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

src/app_modules/donasi/edit/edit_cerita_penggalang/index.tsx

@@ -121,7 +121,7 @@ export default function EditCeritaPenggalangDonasi({
           radius={"xl"}
           onClick={() => onUpdate(router, value, file as any)}
         >
-          Simpan
+          Update
         </Button>
       </Stack>
       {/* <pre> {JSON.stringify(value.pembukaan, null, 2)}</pre> */}

src/app_modules/donasi/edit/edit_cerita_penggalang/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 LayoutEditCeritaPenggalangDonasi({
   children,
@@ -11,7 +11,7 @@ export default function LayoutEditCeritaPenggalangDonasi({
 }) {
   return (
     <>
-      <AppShell header={<HeaderTamplateDonasi title="Update Cerita Penggalang" />}>
+      <AppShell header={<ComponentDonasi_HeaderTamplate title="Update Cerita Penggalang" />}>
         {children}
       </AppShell>
     </>

src/app_modules/donasi/edit/edit_donasi/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 LayoutEditDonasi({
   children,
@@ -11,7 +11,7 @@ export default function LayoutEditDonasi({
 }) {
   return (
     <>
-      <AppShell header={<HeaderTamplateDonasi title="Edit Donasi" />}>
+      <AppShell header={<ComponentDonasi_HeaderTamplate title="Edit Donasi" />}>
         {children}
       </AppShell>
     </>

src/app_modules/donasi/edit/edit_rekening/index.tsx

@@ -0,0 +1,67 @@
+"use client";
+
+import { Button, Stack, TextInput } from "@mantine/core";
+import { MODEL_DONASI } from "../../model/interface";
+import { useState } from "react";
+import _ from "lodash";
+import { useRouter } from "next/navigation";
+import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
+import { Donasi_funUpdateRekening } from "../../fun/update/fun_update_rekening";
+import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
+import { NotifGagal } from "../../component/notifikasi/notif_gagal";
+
+export default function Donasi_EditRekening({
+  dataDonasi,
+}: {
+  dataDonasi: MODEL_DONASI;
+}) {
+  const router = useRouter();
+  const [donasi, setDonasi] = useState(dataDonasi);
+
+  return (
+    <>
+      <Stack spacing={"xl"}>
+        <Stack spacing={"sm"}>
+          <TextInput
+            withAsterisk
+            label="Nama Bank"
+            placeholder="Masukan Nama Bank"
+            value={donasi.namaBank}
+            onChange={(val) =>
+              setDonasi({
+                ...donasi,
+                namaBank: _.upperCase(val.target.value),
+              })
+            }
+          />
+          <TextInput
+            withAsterisk
+            label="Nomor Rekening"
+            placeholder="Masukkan Nomor Rekening"
+            value={donasi.rekening}
+            onChange={(val) =>
+              setDonasi({
+                ...donasi,
+                rekening: val.target.value,
+              })
+            }
+          />
+        </Stack>
+        <Button radius={"xl"} onClick={() => onUpdate(router, donasi)}>
+          Update
+        </Button>
+      </Stack>
+    </>
+  );
+}
+
+async function onUpdate(router: AppRouterInstance, donasi: MODEL_DONASI) {
+  await Donasi_funUpdateRekening(donasi).then((res) => {
+    if (res.status === 200) {
+      router.back();
+      NotifBerhasil(res.message);
+    } else {
+      NotifGagal(res.message);
+    }
+  });
+}

src/app_modules/donasi/edit/edit_rekening/layout.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { AppShell } from "@mantine/core";
+import React from "react";
+import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
+
+export default function LayoutDonasi_EditRekening({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <>
+      <AppShell
+        header={<ComponentDonasi_HeaderTamplate title="Edit Rekening" />}
+      >
+        {children}
+      </AppShell>
+    </>
+  );
+}

src/app_modules/donasi/edit/list_kabar/index.tsx

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

src/app_modules/donasi/edit/list_kabar/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 LayoutListKabarDonasi({
   return (
     <>
       <AppShell 
-      header={<HeaderTamplateDonasi title="List Kabar" />}>
+      header={<ComponentDonasi_HeaderTamplate title="List Kabar" />}>
         {children}
       </AppShell>
     </>

src/app_modules/donasi/edit/update_kabar/index.tsx

@@ -25,23 +25,21 @@ export default function UpdateKabarDonasi({
   return (
     <>
       <Stack>
-        {/* <Group>
-          <Avatar variant="filled" radius={"xl"} />
-          <Stack spacing={0}>
-            <Text>Username</Text>
-          </Stack>
-        </Group> */}
         <Stack>
           <Text fz={"xs"}>{moment(Date.now()).format("ll")}</Text>
           <Title order={5}>{kabar.title}</Title>
-          <AspectRatio ratio={16 / 9}>
-            <Paper radius={"md"}>
-              <Image
-                alt="Foro"
-                src={RouterDonasi.api_gambar_kabar + `${kabar.imagesId}`}
-              />
-            </Paper>
-          </AspectRatio>
+          {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/edit/update_kabar/layout.tsx

@@ -12,7 +12,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";
 import { AppRouterInstance } from "next/dist/shared/lib/app-router-context.shared-runtime";
 import { Donasi_funDeleteKabar } from "../../fun/delete/fun_delete.kabar";
 import { NotifBerhasil } from "../../component/notifikasi/notif_berhasil";
@@ -30,7 +30,7 @@ export default function LayoutUpdateKabarDonasi({
   return (
     <>
       <AppShell
-        header={<HeaderTamplateDonasi title="Update Kabar" />}
+        header={<ComponentDonasi_HeaderTamplate title="Update Kabar" />}
         footer={
           <Footer height={70}>
             <Group align="center" h={"100%"} position="center" spacing={"xl"}>