Integrasi API: Donation Admin

Add:
-  screens/Admin/Donation/funDonationUpdateStatus.ts
-  utils/countDownAndCondition.ts

Fix:
- app/(application)/(user)/donation/[id]/index.tsx
- app/(application)/admin/donation/[id]/[status]/index.tsx
- app/(application)/admin/donation/[id]/list-of-donatur.tsx
- app/(application)/admin/donation/[id]/reject-input.tsx
- app/(application)/admin/donation/index.tsx
- app/(application)/admin/event/[id]/[status]/index.tsx
- app/(application)/admin/voting/[id]/[status]/index.tsx
- screens/Admin/Donation/BoxOfDonationStory.tsx
- screens/Donation/BoxPublish.tsx
- screens/Donation/ComponentBoxDetailData.tsx
- service/api-admin/api-admin-donation.ts
- service/api-client/api-master.ts
- utils/colorBadge.ts
git add . && git commit -m

app/(application)/admin/donation/[id]/list-of-donatur.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   ActionIcon,
   BadgeCustom,
@@ -10,22 +11,86 @@ import {
 import { IconView } from "@/components/_Icon/IconComponent";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
 import { GridViewCustomSpan } from "@/components/_ShareComponent/GridViewCustomSpan";
-import { MainColor } from "@/constants/color-palet";
 import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
-import { dummyMasterStatusTransaction } from "@/lib/dummy-data/_master/status-transaction";
-import { router, useLocalSearchParams } from "expo-router";
-import React from "react";
+import { apiAdminDonationListOfDonatur } from "@/service/api-admin/api-admin-donation";
+import { apiMasterTransaction } from "@/service/api-client/api-master";
+import { colorBadgeTransaction } from "@/utils/colorBadge";
+import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
+import _ from "lodash";
+import React, { useEffect } from "react";
 import { View } from "react-native";
 import { Divider } from "react-native-paper";
 
 export default function AdminDonasiListOfDonatur() {
   const { id } = useLocalSearchParams();
+  console.log("[ID >>]", id);
+  const [listData, setListData] = React.useState<any[] | null>(null);
+  const [master, setMaster] = React.useState<any[]>([]);
+
+  const [selectStatus, setSelectStatus] = React.useState<
+    "berhasil" | "gagal" | "proses" | "menunggu" | ""
+  >("");
+
+  useFocusEffect(
+    React.useCallback(() => {
+      onLoadData();
+    }, [id, selectStatus])
+  );
+
+  const onLoadData = async () => {
+    try {
+      const response = await apiAdminDonationListOfDonatur({
+        id: id as string,
+        status: "" as any,
+      });
+      console.log(
+        "[LIST OF DONATUR]",
+        JSON.stringify(response, null, 2)
+      );
+
+      if (response.success) {
+        setListData(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+      setListData([]);
+    }
+  };
+
+  useEffect(() => {
+    onLoadMaster();
+  }, []);
+
+  const onLoadMaster = async () => {
+    try {
+      const response = await apiMasterTransaction();
+     
+      if (response.success) {
+        setMaster(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+      setMaster([]);
+    }
+  };
+
   const searchComponent = (
     <View style={{ flexDirection: "row", gap: 5 }}>
       <SelectCustom
         placeholder="Pilih status transaksi"
-        data={dummyMasterStatusTransaction}
-        onChange={(value) => console.log(value)}
+        data={
+          _.isEmpty(master)
+            ? []
+            : master?.map((item: any) => ({
+                label: item.name,
+                value: item.name
+              }))
+        }
+        onChange={(value: any) => {
+          console.log("[SELECT STATUS]", value);
+          const statusChooses = _.lowerCase(value);
+          setSelectStatus(statusChooses as any);
+        }}
         styleContainer={{ width: "100%", marginBottom: 0 }}
       />
     </View>
@@ -59,7 +124,7 @@ export default function AdminDonasiListOfDonatur() {
         />
         <Divider />
         <StackCustom>
-          {Array.from({ length: 10 }).map((_, index) => (
+          {listData?.map((item: any, index: number) => (
             <View key={index}>
               <GridViewCustomSpan
                 span1={3}
@@ -79,15 +144,15 @@ export default function AdminDonasiListOfDonatur() {
                 }
                 component2={
                   <TextCustom bold align="center" truncate>
-                    Bagas Banuna
+                    {item?.Author?.username || "-"}
                   </TextCustom>
                 }
                 component3={
                   <BadgeCustom
                     style={{ alignSelf: "center" }}
-                    color={MainColor.green}
+                    color={colorBadgeTransaction({status: item?.DonasiMaster_StatusInvoice?.name})}
                   >
-                    Berhasil
+                    {item?.DonasiMaster_StatusInvoice?.name}
                   </BadgeCustom>
                 }
               />