Admin Donation

Fix:
- dmin/donation/[id]/[status]/index

Add:
-  screens/Admin/Donation/

### No Issue

app/(application)/admin/donation/[id]/[status]/index.tsx

@@ -7,6 +7,8 @@ import {
   DrawerCustom,
   DummyLandscapeImage,
   MenuDrawerDynamicGrid,
+  ProgressCustom,
+  Spacing,
   StackCustom,
   TextCustom,
   ViewWrapper,
@@ -18,10 +20,12 @@ import AdminButtonReview from "@/components/_ShareComponent/Admin/ButtonReview";
 import { GridDetail_4_8 } from "@/components/_ShareComponent/GridDetail_4_8";
 import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_BUTTON, TEXT_SIZE_LARGE } from "@/constants/constans-value";
+import AdminDonation_BoxOfDonationStory from "@/screens/Admin/Donation/BoxOfDonationStory";
 import { Ionicons } from "@expo/vector-icons";
 import { router, useLocalSearchParams } from "expo-router";
 import _ from "lodash";
 import React from "react";
+import { View } from "react-native";
 
 export default function AdminDonationDetail() {
   const { id, status } = useLocalSearchParams();
@@ -68,18 +72,18 @@ export default function AdminDonationDetail() {
       label: "Kategori",
       value: "Kategori Donasi",
     },
-    {
+    // {
-      label: "Total Donatur",
+    //   label: "Total Donatur",
-      value: "-",
+    //   value: "-",
-    },
+    // },
-    {
+    // {
-      label: "Progress",
+    //   label: "Progress",
-      value: "0 %",
+    //   value: "0 %",
-    },
+    // },
-    {
+    // {
-      label: "Dana Terkumpul",
+    //   label: "Dana Terkumpul",
-      value: "Rp 0",
+    //   value: "Rp 0",
-    },
+    // },
   ];
 
   const listPencarianDana = [
@@ -114,6 +118,8 @@ export default function AdminDonationDetail() {
     />
   );
 
+
+
   return (
     <>
       <ViewWrapper
@@ -125,6 +131,7 @@ export default function AdminDonationDetail() {
         }
       >
         {status === "publish" && (
+          <View>
             <BaseBox>
               <StackCustom>
                 <TextCustom bold align="center" size={TEXT_SIZE_LARGE}>
@@ -152,6 +159,22 @@ export default function AdminDonationDetail() {
                 </ButtonCustom>
               </StackCustom>
             </BaseBox>
+
+            <BaseBox>
+              <ProgressCustom size="lg" />
+              <Spacing />
+              <StackCustom gap={"xs"}>
+                <GridDetail_4_8
+                  label={<TextCustom bold>Jumlah Donatur</TextCustom>}
+                  value={<TextCustom>0 orang</TextCustom>}
+                />
+                <GridDetail_4_8
+                  label={<TextCustom bold>Dana Terkumpul</TextCustom>}
+                  value={<TextCustom>Rp 0</TextCustom>}
+                />
+              </StackCustom>
+            </BaseBox>
+          </View>
         )}
 
         <BaseBox>
@@ -168,6 +191,9 @@ export default function AdminDonationDetail() {
         </BaseBox>
 
         {status === "review" && (
+          <StackCustom>
+            <AdminDonation_BoxOfDonationStory />
+
             <AdminButtonReview
               onPublish={() => {
                 AlertDefaultSystem({
@@ -187,15 +213,20 @@ export default function AdminDonationDetail() {
                 router.push(`/admin/donation/${id}/reject-input`);
               }}
             />
+          </StackCustom>
         )}
 
         {status === "reject" && (
+          <StackCustom>
+            <AdminDonation_BoxOfDonationStory />
+
             <AdminButtonReject
               title="Tambah Catatan"
               onReject={() => {
                 router.push(`/admin/donation/${id}/reject-input`);
               }}
             />
+          </StackCustom>
         )}
       </ViewWrapper>
 

screens/Admin/Donation/BoxOfDonationStory.tsx

@@ -0,0 +1,34 @@
+import {
+  BaseBox,
+  TextCustom,
+  Spacing,
+  StackCustom,
+  DummyLandscapeImage,
+} from "@/components";
+
+export default function AdminDonation_BoxOfDonationStory() {
+  return (
+    <>
+      <BaseBox>
+        <TextCustom bold>Cerita Penggalang Dana</TextCustom>
+        <Spacing />
+
+        <StackCustom>
+          <TextCustom>
+            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rem magni
+            perspiciatis eius ipsam provident, impedit, fugiat aliquid nobis
+            pariatur asperiores fuga quidem temporibus labore, molestias
+            perferendis optio ipsum. Praesentium, tempore?
+          </TextCustom>
+          <DummyLandscapeImage />
+          <TextCustom>
+            Lorem ipsum dolor sit, amet consectetur adipisicing elit. Rem magni
+            perspiciatis eius ipsam provident, impedit, fugiat aliquid nobis
+            pariatur asperiores fuga quidem temporibus labore, molestias
+            perferendis optio ipsum. Praesentium, tempore?
+          </TextCustom>
+        </StackCustom>
+      </BaseBox>
+    </>
+  );
+}