QC Investasi

# fix
Tampilan admin investasi
Tampilan admin donasi
## No issuee

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

@@ -11,7 +11,7 @@ import {
   Stack,
   Title,
 } from "@mantine/core";
-import React from "react";
+import React, { useState } from "react";
 import ComponentDonasi_HeaderTamplate from "../../component/header_tamplate";
 import {
   IconChevronLeft,
@@ -28,13 +28,17 @@ import AppComponentGlobal_LayoutTamplate from "@/app_modules/component_global/co
 
 export default function LayoutDetailDraftDonasi({
   children,
-  donasiId
+  donasiId,
 }: {
   children: React.ReactNode;
-  donasiId: string
+  donasiId: string;
 }) {
   const [opened, { open, close }] = useDisclosure(false);
   const router = useRouter();
+  const [isLoadingDonasi, setLoadingDonasi] = useState(false);
+  const [isLoadingCerita, setLoadingCerita] = useState(false);
+  const [isLoadingRekening, setLoadingRekening] = useState(false);
+
   return (
     <>
       <AppComponentGlobal_LayoutTamplate
@@ -62,29 +66,47 @@ export default function LayoutDetailDraftDonasi({
       <Modal opened={opened} onClose={close} centered withCloseButton={false}>
         <Stack>
           <Button
+            loaderPosition="center"
+            loading={isLoadingDonasi ? true : false}
+            style={{ transition: "0.5s" }}
             variant="outline"
             radius={"xl"}
             w={"100%"}
             color="blue"
-            onClick={() => router.push(RouterDonasi.edit_donasi + `${donasiId}`)}
+            onClick={() => {
+              setLoadingDonasi(true);
+              router.push(RouterDonasi.edit_donasi + `${donasiId}`);
+            }}
           >
             Edit Donasi
           </Button>
           <Button
+            loaderPosition="center"
+            loading={isLoadingCerita ? true : false}
+            style={{ transition: "0.5s" }}
             variant="outline"
             radius={"xl"}
             w={"100%"}
             color="teal"
-            onClick={() => router.push(RouterDonasi.edit_cerita_penggalang + `${donasiId}`)}
+            onClick={() => {
+              setLoadingCerita(true);
+              router.push(RouterDonasi.edit_cerita_penggalang + `${donasiId}`);
+            }}
           >
             Edit Cerita
           </Button>
           <Button
+            loaderPosition="center"
+            loading={isLoadingRekening ? true : false}
+            style={{ transition: "0.5s" }}
             variant="outline"
             radius={"xl"}
             w={"100%"}
             color="orange"
-            onClick={() => router.push(RouterDonasi.edit_rekening + `${donasiId}`)}
+            onClick={() => {
+              setLoadingRekening(true);
+              router.push(RouterDonasi.edit_rekening + `${donasiId}`);
+            }}
           >
             Edit Rekening
           </Button>