Update new github

Integrasi API: Event Type
2025-10-27 10:51:57 +08:00 · 2025-10-27 10:49:31 +08:00 · 2025-10-24 16:22:45 +08:00 · 2025-10-24 11:57:05 +08:00
16 changed files with 672 additions and 223 deletions
--- a/app/(application)/(user)/event/[id]/confirmation.tsx
+++ b/app/(application)/(user)/event/[id]/confirmation.tsx
@@ -74,8 +74,6 @@ export default function UserEventConfirmation() {
        userId: user?.id as string,
      });

-      console.log("[RES CONFIRMATION]", JSON.stringify(response, null, 2));
-
      if (response.success) {
        setData(response.data?.dataEvent);
        setPeserta(response.data?.peserta);
@@ -142,11 +140,11 @@ export default function UserEventConfirmation() {
      return (
        <TamplateBox data={data}>
          <TamplateText
-            text={`Event telah selesai, anda terdaftar sebagai peserta dan${
+            text={`Event telah selesai, anda terdaftar sebagai peserta dan ${
              konfirmasi
                ? "Anda telah mengonfirmasi kehadiran."
                : "Anda tidak mengonfirmasi kehadiran."
-            }. Terima kasih atas perhatian dan minat Anda. Kami berharap dapat bertemu di acara kami berikutnya.`}
+            } Terima kasih atas perhatian dan minat Anda. Kami berharap dapat bertemu di acara kami berikutnya.`}
          />
          <BackToOtherPath
            path="event"
@@ -173,14 +171,16 @@ export default function UserEventConfirmation() {
      if (isWithinConfirmationWindow && peserta === true) {
        if (konfirmasi === false) {
          return (
-            <TamplateBox data={data}>
-              <TamplateText text="Konfirmasi Kehadiran" />
-            </TamplateBox>
+            <UserParticipan_And_DuringEvent
+              id={data.id}
+              userId={user?.id as string}
+              data={data}
+            />
          );
        }
        return (
          <TamplateBox data={data}>
-            <TamplateText text="Anda telah mengonfirmasi kehadiran." />
+            <TamplateText text="Terimakasih telah mengonfirmasi kehadiran. Silahkan lihat peserta lain pada halaman event atau kembali ke halaman home. Selamat menikmati acara dan selamat berpartisipasi." />
            <BackToOtherPath
              path="event"
              id={data.id}
@@ -192,7 +192,7 @@ export default function UserEventConfirmation() {

      return (
        <TamplateBox data={data}>
-          <TamplateText text="Anda terdaftar sebagai peserta. Konfirmasi kehadiran dibuka 1 jam sebelum acara dimulai." />
+          <TamplateText text="Anda telah terdaftar sebagai peserta pada Event ini. Konfirmasi kehadiran dibuka 1 jam sebelum acara dimulai." />
          <BackToOtherPath
            path="event"
            id={data.id}
@@ -326,7 +326,7 @@ const TamplateBox = ({
  );
 };

-const TamplateText = ({ text }: { text: string }) => {
+const TamplateText = ({ text }: { text: React.ReactNode }) => {
  return (
    <>
      <TextCustom align="center">{text}</TextCustom>
@@ -442,7 +442,7 @@ const NotStarted_And_UserNotParticipan = ({
 };

 // 🟡 ZONA ACARA BERLANGSUNG
-// Acara sedang berlangsung & belum terdaftar
+// Acara sedang berlangsung & belum terdaftar & user harus join dan konfirmasi
 const UserNotParticipan_And_DuringEvent = ({
  id,
  userId,
@@ -464,8 +464,6 @@ const UserNotParticipan_And_DuringEvent = ({
        category: "join_and_confirm",
      });

-      //   console.log("[RES JOIN & CONFIRMATION EVENT]", response);
-
      if (!response.success) {
        Toast.show({
          type: "error",
@@ -498,3 +496,59 @@ const UserNotParticipan_And_DuringEvent = ({
    </>
  );
 };
+
+
+// 🟡 ZONA ACARA BERLANGSUN
+// User sudah terdaftar & Event sedang berlangsung & user harus konfirmasi
+const UserParticipan_And_DuringEvent = ({
+  id,
+  userId,
+  data,
+}: {
+  id: string;
+  userId: string;
+  data: DataEvent;
+}) => {
+  const [isLoading, setIsLoading] = useState<boolean>(false);
+
+  const handlerSubmit = async () => {
+    try {
+      setIsLoading(true);
+
+      const response = await apiEventConfirmationAction({
+        id: id as string,
+        userId: userId as string,
+        category: "confirmation",
+      });
+
+      if (!response.success) {
+        Toast.show({
+          type: "error",
+          text1: "Anda gagal konfirmasi",
+        });
+        return;
+      }
+
+      Toast.show({
+        type: "success",
+        text1: "Anda berhasil konfirmasi",
+      });
+      router.navigate(`/(application)/(user)/event/${id}/publish`);
+    } catch (error) {
+      console.log("[ERROR JOIN & CONFIRMATION EVENT]", error);
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  return (
+    <>
+      <TamplateBox data={data}>
+        <TamplateText text="Anda sudah terdaftar sebagai peserta & Event sedang berlangsung. Silahkan konfirmasi kehadiran" />
+
+        <ButtonCustom onPress={() => handlerSubmit()} isLoading={isLoading}>
+          Konfirmasi
+        </ButtonCustom>
+      </TamplateBox>
+    </>
+  );
+};
--- a/app/(application)/(user)/event/[id]/list-of-participants.tsx
+++ b/app/(application)/(user)/event/[id]/list-of-participants.tsx
@@ -11,29 +11,30 @@ import {
  apiEventGetOne,
  apiEventListOfParticipants,
 } from "@/service/api-client/api-event";
-import { useLocalSearchParams } from "expo-router";
-import { useEffect, useState } from "react";
+import dayjs, { Dayjs } from "dayjs";
+import { useFocusEffect, useLocalSearchParams } from "expo-router";
+import _ from "lodash";
+import { useCallback, useState } from "react";
 import { View } from "react-native";

 export default function EventListOfParticipants() {
  const { id } = useLocalSearchParams();
-  const [startDate, setStartDate] = useState();
-  const [listData, setListData] = useState([]);
-  const [isLoadData, setIsLoadData] = useState(false);
+  const [startDate, setStartDate] = useState<Dayjs | undefined>();
+  const [listData, setListData] = useState<any[] | null>(null);
+  const [loadtData, setLoadData] = useState(false);

-  useEffect(() => {
-    handlerLoadData();
-  }, [id]);
+  useFocusEffect(
+    useCallback(() => {
+      handlerLoadData();
+    }, [id])
+  );

  const handlerLoadData = () => {
    try {
-      setIsLoadData(true);
      onLoadData();
      onLoadList();
    } catch (error) {
      console.log("[ERROR]", error);
-    } finally {
-      setIsLoadData(false);
    }
  };

@@ -41,7 +42,8 @@ export default function EventListOfParticipants() {
    try {
      const response = await apiEventGetOne({ id: id as string });
      if (response.success) {
-        setStartDate(response.data.tanggal);
+        const date = dayjs(response.data.tanggal);
+        setStartDate(date);
      }
    } catch (error) {
      console.log("[ERROR]", error);
@@ -50,30 +52,36 @@ export default function EventListOfParticipants() {

  const onLoadList = async () => {
    try {
+      setLoadData(true);
      const response = await apiEventListOfParticipants({ id: id as string });
+     
      if (response.success) {
        setListData(response.data);
      }
    } catch (error) {
      console.log("[ERROR]", error);
+    } finally {
+      setLoadData(false);
    }
  };

  return (
    <ViewWrapper>
-      {isLoadData ? (
+      {loadtData && !listData ? (
        <LoaderCustom />
-      ) : listData.length === 0 ? (
-        <TextCustom align="center">Belum ada peserta</TextCustom>
+      ) : _.isEmpty(listData) ? (
+        <TextCustom align="center" color="gray">
+          Belum ada peserta
+        </TextCustom>
      ) : (
-        listData.map((item: any, index: number) => (
+        listData?.map((item: any, index: number) => (
          <BaseBox key={index}>
            <AvatarUsernameAndOtherComponent
              avatar={item?.User?.Profile?.imageId}
              name={item?.User?.username}
              avatarHref={`/profile/${item?.User?.Profile?.id}`}
              rightComponent={
-                new Date().getTime() > new Date(startDate as any).getTime() ? (
+                startDate && startDate.subtract(1, "hour").diff(dayjs()) < 0 ? (
                  <View
                    style={{
                      justifyContent: "flex-end",
--- a/app/(application)/admin/donation/[status]/status.tsx
+++ b/app/(application)/admin/donation/[status]/status.tsx
@@ -1,69 +1,116 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
-    ActionIcon,
-    SearchInput,
-    Spacing,
-    TextCustom,
-    ViewWrapper
+  ActionIcon,
+  LoaderCustom,
+  SearchInput,
+  StackCustom,
+  TextCustom,
+  ViewWrapper
 } from "@/components";
 import AdminComp_BoxTitle from "@/components/_ShareComponent/Admin/BoxTitlePage";
 import AdminTitleTable from "@/components/_ShareComponent/Admin/TableTitle";
 import AdminTableValue from "@/components/_ShareComponent/Admin/TableValue";
+import AdminTitlePage from "@/components/_ShareComponent/Admin/TitlePage";
 import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
+import { apiAdminDonation } from "@/service/api-admin/api-admin-donation";
 import { Octicons } from "@expo/vector-icons";
-import { router, useLocalSearchParams } from "expo-router";
+import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
 import _ from "lodash";
+import { useCallback, useState } from "react";
 import { Divider } from "react-native-paper";

 export default function AdminDonationStatus() {
  const { status } = useLocalSearchParams();
+  console.log("[STATUS]", status);
+
+  const [data, setData] = useState<any | null>(null);
+  const [search, setSearch] = useState<string>("");
+  const [loadData, setLoadData] = useState<boolean>(false);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [status, search])
+  );
+
+  const onLoadData = async () => {
+    try {
+      setLoadData(true);
+      const response = await apiAdminDonation({
+        category: status as "publish" | "review" | "reject",
+        search,
+      });
+
+      console.log("[RES]", JSON.stringify(response, null, 2));
+
+      if (response.success) {
+        setData(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+      setData([]);
+    } finally {
+      setLoadData(false);
+    }
+  };
+
  const rightComponent = (
    <SearchInput
      containerStyle={{ width: "100%", marginBottom: 0 }}
      placeholder="Cari"
+      value={search}
+      onChangeText={(value) => setSearch(value)}
    />
  );
  return (
    <>
-      <ViewWrapper
-        headerComponent={
+      <ViewWrapper headerComponent={<AdminTitlePage title="Donasi" />}>
+        <StackCustom gap={"sm"}>
          <AdminComp_BoxTitle
-            title={`Donasi ${_.startCase(status as string)}`}
+            title={`${_.startCase(status as string)}`}
            rightComponent={rightComponent}
          />
-        }
-      >
-        <AdminTitleTable
-          title1="Aksi"
-          title2="Username"
-          title3="Judul Donasi"
-        />
-        <Spacing />
-        <Divider />
-
-        {Array.from({ length: 10 }).map((_, index) => (
-          <AdminTableValue
-            key={index}
-            value1={
-              <ActionIcon
-                icon={
-                  <Octicons name="eye" size={ICON_SIZE_BUTTON} color="black" />
-                }
-                onPress={() => {
-                  router.push(`/admin/donation/${index}/${status}`);
-                }}
-              />
-            }
-            value2={<TextCustom truncate={1}>Username username</TextCustom>}
-            value3={
-              <TextCustom truncate={2}>
-                Lorem ipsum dolor sit amet consectetur adipisicing elit.
-                Blanditiis asperiores quidem deleniti architecto eaque et
-                nostrum, ad consequuntur eveniet quisquam quae voluptatum
-                ducimus! Dolorem nobis modi officia debitis, beatae mollitia.
-              </TextCustom>
-            }
+          <AdminTitleTable
+            title1="Aksi"
+            title2="Username"
+            title3="Judul Donasi"
          />
-        ))}
+          <Divider />
+
+          {loadData ? (
+            <LoaderCustom />
+          ) : _.isEmpty(data) ? (
+            <TextCustom align="center" size="small" color="gray">
+              Belum ada data
+            </TextCustom>
+          ) : (
+            data?.map((item: any, index: number) => (
+              <AdminTableValue
+                key={index}
+                value1={
+                  <ActionIcon
+                    icon={
+                      <Octicons
+                        name="eye"
+                        size={ICON_SIZE_BUTTON}
+                        color="black"
+                      />
+                    }
+                    onPress={() => {
+                      router.push(`/admin/donation/${item.id}/${status}`);
+                    }}
+                  />
+                }
+                value2={<TextCustom truncate={1}>{item?.Author?.username || "-"}</TextCustom>}
+                value3={
+                  <TextCustom truncate={2}>
+                    {item?.title || "-"}
+                  </TextCustom>
+                }
+              />
+            ))
+          )}
+        </StackCustom>
      </ViewWrapper>
    </>
  );
--- a/app/(application)/admin/donation/index.tsx
+++ b/app/(application)/admin/donation/index.tsx
@@ -1,15 +1,70 @@
 import { Spacing, StackCustom, ViewWrapper } from "@/components";
 import {
-    IconList,
-    IconPublish,
-    IconReject,
-    IconReview,
+  IconList,
+  IconPublish,
+  IconReject,
+  IconReview,
 } from "@/components/_Icon/IconComponent";
 import AdminComp_BoxDashboard from "@/components/_ShareComponent/Admin/BoxDashboard";
 import AdminTitlePage from "@/components/_ShareComponent/Admin/TitlePage";
 import { MainColor } from "@/constants/color-palet";
+import { apiAdminDonation } from "@/service/api-admin/api-admin-donation";
+import { useFocusEffect } from "expo-router";
+import { useState, useCallback } from "react";

 export default function AdminDonation() {
+  const [data, setData] = useState<any | null>(null);
+  const [loadData, setLoadData] = useState<boolean>(false);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [])
+  );
+
+  const onLoadData = async () => {
+    try {
+      setLoadData(true);
+      const response = await apiAdminDonation({
+        category: "dashboard",
+      });
+
+      console.log("[RES]", JSON.stringify(response, null, 2));
+
+      if (response.success) {
+        setData(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+      setData([]);
+    } finally {
+      setLoadData(false);
+    }
+  };
+
+  const listData = [
+    {
+      label: "Publish",
+      value: (data && data.publish) || 0,
+      icon: <IconPublish size={25} color={MainColor.green} />,
+    },
+    {
+      label: "Review",
+      value: (data && data.review) || 0,
+      icon: <IconReview size={25} color={MainColor.orange} />,
+    },
+    {
+      label: "Reject",
+      value: (data && data.reject) || 0,
+      icon: <IconReject size={25} color={MainColor.red} />,
+    },
+    {
+      label: "Kategori",
+      value: (data && data.categoryDonation) || 0,
+      icon: <IconList size={25} color={MainColor.white_gray} />,
+    },
+  ];
+
  return (
    <>
      <ViewWrapper>
@@ -24,26 +79,3 @@ export default function AdminDonation() {
    </>
  );
 }
-
-const listData = [
-  {
-    label: "Publish",
-    value: 4,
-    icon: <IconPublish size={25} color={MainColor.green} />,
-  },
-  {
-    label: "Review",
-    value: 7,
-    icon: <IconReview size={25} color={MainColor.orange} />,
-  },
-  {
-    label: "Reject",
-    value: 5,
-    icon: <IconReject size={25} color={MainColor.red} />,
-  },
-  {
-    label: "Kategori",
-    value: 4,
-    icon: <IconList size={25} color={MainColor.white_gray} />,
-  },
-];
--- a/app/(application)/admin/event/[id]/[status]/index.tsx
+++ b/app/(application)/admin/event/[id]/[status]/index.tsx
@@ -5,6 +5,7 @@ import {
  BadgeCustom,
  BaseBox,
  DrawerCustom,
+  LoaderCustom,
  MenuDrawerDynamicGrid,
  Spacing,
  StackCustom,
@@ -28,18 +29,15 @@ import { router, useFocusEffect, useLocalSearchParams } from "expo-router";
 import _ from "lodash";
 import React, { useCallback } from "react";
 import QRCode from "react-native-qrcode-svg";
+import Toast from "react-native-toast-message";

 export default function AdminEventDetail() {
  const { user } = useAuth();
  const { id, status } = useLocalSearchParams();
-
-  console.log("[ID QRCODE]", id);
-  console.log("[STATUS Detail]", status);
  const [openDrawer, setOpenDrawer] = React.useState(false);
-  const newURL = DEEP_LINK_URL
-  console.log("[DEEP LINK URL]", newURL);

  const [data, setData] = React.useState<any | null>(null);
+  const [loadData, setLoadData] = React.useState(false);
  const deepLinkURL = `${DEEP_LINK_URL}/--/event/${id}/confirmation?userId=${user?.id}`;
  useFocusEffect(
    useCallback(() => {
@@ -48,17 +46,18 @@ export default function AdminEventDetail() {
  );
  const onLoadData = async () => {
    try {
+      setLoadData(true);
      const response = await apiAdminEventById({
        id: id as string,
      });

-      // console.log(`[RES DATA BY ID: ${id}]`, JSON.stringify(response, null, 2));
-
      if (response.success) {
        setData(response.data);
      }
    } catch (error) {
      console.log("[ERROR]", error);
+    } finally {
+      setLoadData(false);
    }
  };

@@ -124,11 +123,19 @@ export default function AdminEventDetail() {
        changeStatus: "publish",
      });

-      console.log("[RES PUBLISH]", JSON.stringify(response, null, 2));
-
-      if (response.success) {
-        router.back();
+      if (!response.success) {
+        Toast.show({
+          type: "error",
+          text1: "Gagal mempublikasikan event",
+        });
+        return;
      }
+
+      Toast.show({
+        type: "success",
+        text1: "Event berhasil dipublikasikan",
+      });
+      router.back();
    } catch (error) {
      console.log("[ERROR]", error);
    }
@@ -170,15 +177,19 @@ export default function AdminEventDetail() {
          <BaseBox>
            <StackCustom style={{ alignItems: "center" }}>
              <TextCustom bold>QR Code Event</TextCustom>
-              <QRCode
-                value={deepLinkURL}
-                size={200}
-                // logo={require("@/assets/images/logo-hipmi.png")}
-                // logoSize={70}
-                // logoBackgroundColor="transparent"
-                // logoBorderRadius={50}
-                // color="black"
-              />
+              {loadData ? (
+                <LoaderCustom />
+              ) : (
+                <QRCode
+                  value={deepLinkURL}
+                  size={200}
+                  // logo={require("@/assets/images/logo-hipmi.png")}
+                  // logoSize={70}
+                  // logoBackgroundColor="transparent"
+                  // logoBorderRadius={50}
+                  // color="black"
+                />
+              )}
            </StackCustom>
          </BaseBox>
        )}
--- a/app/(application)/admin/event/[id]/list-of-participants.tsx
+++ b/app/(application)/admin/event/[id]/list-of-participants.tsx
@@ -1,41 +1,81 @@
-import { BadgeCustom, BaseBox, Grid, TextCustom, ViewWrapper } from "@/components";
+/* eslint-disable react-hooks/exhaustive-deps */
+import {
+  BadgeCustom,
+  BaseBox,
+  Grid,
+  LoaderCustom,
+  StackCustom,
+  TextCustom,
+  ViewWrapper,
+} from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
-import { MainColor } from "@/constants/color-palet";
+import { apiAdminEventListOfParticipants } from "@/service/api-admin/api-admin-event";
+import { useFocusEffect, useLocalSearchParams } from "expo-router";
+import _ from "lodash";
+import { useCallback, useState } from "react";

 export default function AdminEventListOfParticipants() {
+  const { id } = useLocalSearchParams();
+  const [listData, setListData] = useState<any[] | null>(null);
+  const [loadData, setLoadData] = useState(false);

-    const isPresent = ({id}: {id: number}) => {
-        const check = id % 3 * 3;
-        if (check === 0) {
-            return true;
-        } else {
-            return false;
-        }
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [id])
+  );
+
+  const onLoadData = async () => {
+    try {
+      setLoadData(true);
+      const response = await apiAdminEventListOfParticipants({
+        id: id as string,
+      });
+
+      if (response.success) {
+        setListData(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setLoadData(false);
    }
+  };
+

  return (
    <>
      <ViewWrapper
        headerComponent={<AdminBackButtonAntTitle title="Daftar Peserta" />}
      >
-        {Array.from({ length: 10 }).map((item, index) => (
-          <BaseBox key={index}>
-            <Grid>
-              <Grid.Col span={6}>
-                <TextCustom bold>Username {index + 1}</TextCustom>
-                <TextCustom>+6282123456789</TextCustom>
-              </Grid.Col>
-              <Grid.Col span={6} style={{ justifyContent: "center" }}>
-                <BadgeCustom
-                  style={{ alignSelf: "flex-end" }}
-                  color={isPresent({id: index}) ? MainColor.green : MainColor.red}
-                >
-                  {isPresent({id: index}) ? "Hadir" : "Tidak Hadir"}
-                </BadgeCustom>
-              </Grid.Col>
-            </Grid>
-          </BaseBox>
-        ))}
+        {loadData ? (
+          <LoaderCustom />
+        ) : _.isEmpty(listData) ? (
+          <TextCustom align="center" color="gray">
+            Belum ada peserta
+          </TextCustom>
+        ) : (
+          listData?.map((item: any, index: number) => (
+            <BaseBox key={index}>
+              <Grid>
+                <Grid.Col span={6}>
+                  <StackCustom gap={"sm"}>
+                    <TextCustom bold truncate>{item?.User?.username}</TextCustom>
+                    <TextCustom>+{item?.User?.nomor}</TextCustom>
+                  </StackCustom>
+                </Grid.Col>
+                <Grid.Col span={6} style={{ justifyContent: "center" }}>
+                  <BadgeCustom
+                    style={{ alignSelf: "flex-end" }}
+                    color={item?.isPresent ? "green" : "red"}
+                  >
+                    {item?.isPresent ? "Hadir" : "Tidak Hadir"}
+                  </BadgeCustom>
+                </Grid.Col>
+              </Grid>
+            </BaseBox>
+          ))
+        )}
      </ViewWrapper>
    </>
  );
--- a/app/(application)/admin/event/type-create.tsx
+++ b/app/(application)/admin/event/type-create.tsx
@@ -5,13 +5,48 @@ import {
  ViewWrapper,
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
+import { apiEventCreateTypeOfEvent } from "@/service/api-admin/api-master-admin";
 import { useRouter } from "expo-router";
+import { useState } from "react";
+import Toast from "react-native-toast-message";

 export default function AdminEventTypeOfEventCreate() {
  const router = useRouter();
+  const [value, setValue] = useState("");
+  const [isLoading, setLoading] = useState<boolean>(false);
+
+  const handlerSubmit = async () => {
+    try {
+      setLoading(true);
+      const response = await apiEventCreateTypeOfEvent({
+        data: value,
+      });
+
+
+      if (!response.success) {
+        Toast.show({
+          type: "error",
+          text1: "Gagal menambahkan tipe acara",
+        });
+        return;
+      }
+      Toast.show({
+        type: "success",
+        text1: "Berhasil menambahkan tipe acara",
+      });
+      router.back();
+    } catch (error) {
+      console.log("[ERROR CREATE TYPE EVENT]", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
  const buttonSubmit = (
    <BoxButtonOnFooter>
-      <ButtonCustom onPress={() => router.back()}>Simpan</ButtonCustom>
+      <ButtonCustom isLoading={isLoading} onPress={() => handlerSubmit()}>
+        Simpan
+      </ButtonCustom>
    </BoxButtonOnFooter>
  );
  return (
@@ -20,7 +55,11 @@ export default function AdminEventTypeOfEventCreate() {
        headerComponent={<AdminBackButtonAntTitle title="Tambah Tipe Acara" />}
        footerComponent={buttonSubmit}
      >
-        <TextInputCustom placeholder="Masukkan Tipe Acara" />
+        <TextInputCustom
+          placeholder="Masukkan Tipe Acara"
+          value={value}
+          onChangeText={setValue}
+        />
      </ViewWrapper>
    </>
  );
--- a/app/(application)/admin/event/type-of-event.tsx
+++ b/app/(application)/admin/event/type-of-event.tsx
@@ -1,23 +1,53 @@
 import {
  ActionIcon,
-  BaseBox,
+  BadgeCustom,
  CenterCustom,
+  LoaderCustom,
  Spacing,
  StackCustom,
  TextCustom,
-  ViewWrapper,
+  ViewWrapper
 } from "@/components";
 import { IconEdit } from "@/components/_Icon";
 import AdminActionIconPlus from "@/components/_ShareComponent/Admin/ActionIconPlus";
 import AdminComp_BoxTitle from "@/components/_ShareComponent/Admin/BoxTitlePage";
 import AdminTitlePage from "@/components/_ShareComponent/Admin/TitlePage";
-import { GridDetail_4_8 } from "@/components/_ShareComponent/GridDetail_4_8";
+import { GridViewCustomSpan } from "@/components/_ShareComponent/GridViewCustomSpan";
 import { ICON_SIZE_BUTTON } from "@/constants/constans-value";
-import { router } from "expo-router";
+import { apiAdminMasterTypeOfEvent } from "@/service/api-admin/api-master-admin";
+import { colorActivationForBadge } from "@/utils/colorActivationForBadge";
+import { router, useFocusEffect } from "expo-router";
+import _ from "lodash";
+import { useCallback, useState } from "react";
 import { View } from "react-native";
 import { Divider } from "react-native-paper";

 export default function AdminEventTypeOfEvent() {
+  const [listData, setListData] = useState<any[] | null>(null);
+  const [loadData, setLoadData] = useState<boolean>(false);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [])
+  );
+
+  const onLoadData = async () => {
+    try {
+      setLoadData(true);
+      const response = await apiAdminMasterTypeOfEvent();
+
+      if (response.success) {
+        setListData(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]",error);
+      setListData([]);
+    } finally {
+      setLoadData(false);
+    }
+  };
+
  return (
    <>
      <ViewWrapper headerComponent={<AdminTitlePage title="Event" />}>
@@ -32,73 +62,68 @@ export default function AdminEventTypeOfEvent() {
          }
        />

-        <BaseBox>
-          <GridDetail_4_8
-            label={
+        <>
+          <GridViewCustomSpan
+            span1={2}
+            span2={5}
+            span3={5}
+            component1={
              <TextCustom bold align="center">
                Aksi
              </TextCustom>
            }
-            value={<TextCustom bold>Tipe Acara</TextCustom>}
+            component2={<TextCustom bold align="center">Status</TextCustom>}
+            component3={<TextCustom bold>Tipe Acara</TextCustom>}
          />
          <Divider />
          <Spacing />

          <StackCustom>
-            {listData.map((item, index) => (
-              <View key={index}>
-                <GridDetail_4_8
-                  label={
-                    <CenterCustom>
-                      <ActionIcon
-                        icon={
-                          <IconEdit size={ICON_SIZE_BUTTON} color="black" />
-                        }
-                        onPress={() => {
-                          router.push(`/admin/event/type-update?id=${index}`);
-                        }}
-                      />
-                    </CenterCustom>
-                  }
-                  value={<TextCustom bold>{item.label}</TextCustom>}
-                />
-                <Divider />
-              </View>
-            ))}
+            {loadData ? (
+              <LoaderCustom />
+            ) : _.isEmpty(listData) ? (
+              <TextCustom align="center" color="gray">
+                Belum ada data
+              </TextCustom>
+            ) : (
+              listData?.map((item, index) => (
+                <View key={index}>
+                  <GridViewCustomSpan
+                    span1={2}
+                    span2={5}
+                    span3={5}
+                    component1={
+                      <CenterCustom>
+                        <ActionIcon
+                          icon={
+                            <IconEdit size={ICON_SIZE_BUTTON} color="black" />
+                          }
+                          onPress={() => {
+                            router.push(`/admin/event/type-update?id=${item.id}`);
+                          }}
+                        />
+                      </CenterCustom>
+                    }
+                    style2={{ alignItems: "center" }}
+                    component2={
+                      <CenterCustom>
+                        <BadgeCustom
+                          color={colorActivationForBadge({
+                            status: item?.active,
+                          })}
+                        >
+                          {item?.active ? "Aktif" : "Tidak Aktif"}
+                        </BadgeCustom>
+                      </CenterCustom>
+                    }
+                    component3={<TextCustom >{item.name}</TextCustom>}
+                  />
+                </View>
+              ))
+            )}
          </StackCustom>
-        </BaseBox>
+        </>
      </ViewWrapper>
    </>
  );
 }
-
-const listData = [
-  {
-    label: "Seminar",
-    value: "seminar",
-  },
-  {
-    label: "Workshop",
-    value: "workshop",
-  },
-  {
-    label: "Konferensi",
-    value: "konferensi",
-  },
-  {
-    label: "Lomba",
-    value: "lomba",
-  },
-  {
-    label: "Pameran",
-    value: "pameran",
-  },
-  {
-    label: "Pesta",
-    value: "pesta",
-  },
-  {
-    label: "Pertandingan",
-    value: "pertandingan",
-  },
-];
--- a/app/(application)/admin/event/type-update.tsx
+++ b/app/(application)/admin/event/type-update.tsx
@@ -1,20 +1,91 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
  BoxButtonOnFooter,
  ButtonCustom,
+  Spacing,
+  TextCustom,
  TextInputCustom,
  ViewWrapper,
 } from "@/components";
 import AdminBackButtonAntTitle from "@/components/_ShareComponent/Admin/BackButtonAntTitle";
-import { useLocalSearchParams, useRouter } from "expo-router";
+import { MainColor } from "@/constants/color-palet";
+import {
+  apiAdminMasterTypeOfEventGetOne,
+  apiAdminMasterTypeOfEventUpdate,
+} from "@/service/api-admin/api-master-admin";
+
+import { useFocusEffect, useLocalSearchParams, useRouter } from "expo-router";
+import { useCallback, useState } from "react";
+import { Switch } from "react-native-paper";
+import Toast from "react-native-toast-message";

 export default function AdminEventTypeOfEventUpdate() {
  const { id } = useLocalSearchParams();
-  console.log("id >", id);
-
  const router = useRouter();
+
+  const [data, setData] = useState<{ name: string; active: boolean }>({
+    name: "",
+    active: false,
+  });
+  const [isLoading, setLoading] = useState<boolean>(false);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [id])
+  );
+
+  const onLoadData = async () => {
+    try {
+      const response = await apiAdminMasterTypeOfEventGetOne({
+        id: id as string,
+      });
+
+      if (response.success) {
+        setData({
+          name: response.data.name,
+          active: response.data.active,
+        });
+      }
+    } catch (error) {
+      console.log("[ERROR UPDATE]", error);
+    }
+  };
+
+  const handlerSubmit = async () => {
+    try {
+      setLoading(true);
+
+      const response = await apiAdminMasterTypeOfEventUpdate({
+        id: id as string,
+        data: data,
+      });
+
+      if (!response.success) {
+        Toast.show({
+          type: "error",
+          text1: "Gagal mengupdate tipe acara",
+        });
+        return;
+      }
+
+      Toast.show({
+        type: "success",
+        text1: "Berhasil mengupdate tipe acara",
+      });
+      router.back();
+    } catch (error) {
+      console.log("[ERROR UPDATE]", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+
  const buttonSubmit = (
    <BoxButtonOnFooter>
-      <ButtonCustom onPress={() => router.back()}>Update</ButtonCustom>
+      <ButtonCustom isLoading={isLoading} onPress={() => handlerSubmit()}>
+        Update
+      </ButtonCustom>
    </BoxButtonOnFooter>
  );
  return (
@@ -23,7 +94,19 @@ export default function AdminEventTypeOfEventUpdate() {
        headerComponent={<AdminBackButtonAntTitle title="Ubah Tipe Acara" />}
        footerComponent={buttonSubmit}
      >
-        <TextInputCustom placeholder="Masukkan Tipe Acara" value="" />
+        <TextInputCustom
+          placeholder="Masukkan Tipe Acara"
+          value={data.name}
+          onChangeText={(text) => setData({ ...data, name: text })}
+        />
+
+        <TextCustom>Aktivasi</TextCustom>
+        <Spacing height={10} />
+        <Switch
+          color={MainColor.yellow}
+          value={data.active}
+          onValueChange={(value) => setData({ ...data, active: value })}
+        />
      </ViewWrapper>
    </>
  );
--- a/components/DateInput/DataTimeAndroid.tsx
+++ b/components/DateInput/DataTimeAndroid.tsx
@@ -196,6 +196,7 @@ const DateTimeInput_Android: React.FC<DateTimeInputProps> = ({
          onChange={handleConfirmTime}
          minimumDate={minimumDate}
          maximumDate={maximumDate}
+          themeVariant="light"
        />
      )}
    </>
--- a/components/DateInput/DateTimeIOS.tsx
+++ b/components/DateInput/DateTimeIOS.tsx
@@ -145,6 +145,7 @@ const DateTimeInput_IOS: React.FC<DateTimeInputProps> = ({
              onChange={handleConfirm}
              minimumDate={minimumDate}
              maximumDate={maximumDate}
+              themeVariant="light"
            />
          </View>
        </>
--- a/service/api-admin/api-admin-donation.ts
+++ b/service/api-admin/api-admin-donation.ts
@@ -0,0 +1,18 @@
+import { apiConfig } from "../api-config";
+
+export async function apiAdminDonation({
+  category,
+  search,
+}: {
+  category: "dashboard" | "publish" | "review" | "reject" ;
+  search?: string;
+}) {
+  try {
+    const response = await apiConfig.get(
+      `/mobile/admin/donation?category=${category}&search=${search}`
+    );
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
--- a/service/api-admin/api-admin-event.ts
+++ b/service/api-admin/api-admin-event.ts
@@ -48,3 +48,15 @@ export async function apiAdminEventUpdateStatus({
  }
 }

+export async function apiAdminEventListOfParticipants({ id }: { id: string }) {
+  try {
+    const response = await apiConfig.get(
+      `/mobile/admin/event/${id}/participants`
+    );
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+
--- a/service/api-admin/api-master-admin.ts
+++ b/service/api-admin/api-master-admin.ts
@@ -62,7 +62,9 @@ export async function apiAdminMasterBusinessField() {

 export async function apiAdminMasterBusinessFieldById({ id }: { id: string }) {
  try {
-    const response = await apiConfig.get(`/mobile/admin/master/business-field/${id}`);
+    const response = await apiConfig.get(
+      `/mobile/admin/master/business-field/${id}`
+    );
    return response.data;
  } catch (error) {
    throw error;
@@ -77,26 +79,91 @@ export async function apiAdminMasterBusinessFieldUpdate({
  data: any;
 }) {
  try {
-    const response = await apiConfig.put(`/mobile/admin/master/business-field/${id}`, {
-      data: data,
-    });
+    const response = await apiConfig.put(
+      `/mobile/admin/master/business-field/${id}`,
+      {
+        data: data,
+      }
+    );
    return response.data;
  } catch (error) {
    throw error;
  }
 }

-export async function apiAdminMasterBusinessFieldCreate({ data }: { data: any }) {
+export async function apiAdminMasterBusinessFieldCreate({
+  data,
+}: {
+  data: any;
+}) {
  try {
-    const response = await apiConfig.post(`/mobile/admin/master/business-field`, {
-      data: data,
-    });
+    const response = await apiConfig.post(
+      `/mobile/admin/master/business-field`,
+      {
+        data: data,
+      }
+    );
    return response.data;
  } catch (error) {
    throw error;
  }
 }

-
-
 // ================== END BUSINNES FIELD ================== //
+
+// ================== START EVENT ================== //
+export async function apiAdminMasterTypeOfEvent() {
+  try {
+    const response = await apiConfig.get(`/mobile/admin/master/type-of-event`);
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+export async function apiEventCreateTypeOfEvent({ data }: { data: string }) {
+  try {
+    const response = await apiConfig.post(
+      `/mobile/admin/master/type-of-event`,
+      {
+        data: data,
+      }
+    );
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+export async function apiAdminMasterTypeOfEventGetOne({ id }: { id: string }) {
+  try {
+    const response = await apiConfig.get(
+      `/mobile/admin/master/type-of-event/${id}`
+    );
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+export async function apiAdminMasterTypeOfEventUpdate({
+  id,
+  data,
+}: {
+  id: string;
+  data: any;
+}) {
+  try {
+    const response = await apiConfig.put(
+      `/mobile/admin/master/type-of-event/${id}`,
+      {
+        data: data,
+      }
+    );
+    return response.data;
+  } catch (error) {
+    throw error;
+  }
+}
+
+// ================== END EVENT ================== //
--- a/service/api-client/api-event.ts
+++ b/service/api-client/api-event.ts
@@ -177,3 +177,5 @@ export async function apiEventConfirmationAction({
    throw error;
  }
 }
+
+
--- a/utils/colorActivationForBadge.ts
+++ b/utils/colorActivationForBadge.ts
@@ -0,0 +1,9 @@
+import { AccentColor } from "@/constants/color-palet";
+
+export const colorActivationForBadge = ({ status }: { status: boolean }) => {
+  if (status) {
+    return AccentColor.blue;
+  } else {
+    return AccentColor.blackgray;
+  }
+};
Author	SHA1	Message	Date
Bagasbanuna02	125bf16605	Update new github	2025-10-27 10:51:57 +08:00
Bagasbanuna02	73a803f2e8	Update new github	2025-10-27 10:49:31 +08:00
Bagasbanuna02	1bcd1a044f	Integrasi API: Event Type Add: - utils/colorActivationForBadge.ts Fix: - app/(application)/admin/event/type-create.tsx - app/(application)/admin/event/type-of-event.tsx - app/(application)/admin/event/type-update.tsx - service/api-admin/api-admin-event.ts - service/api-admin/api-master-admin.ts - service/api-client/api-event.ts ### No Issue	2025-10-24 16:22:45 +08:00
Bagasbanuna02	1e0b72de22	Integrasi API: Event Qr Code Fix: - app/(application)/(user)/event/[id]/confirmation.tsx - app/(application)/(user)/event/[id]/list-of-participants.tsx - app/(application)/admin/event/[id]/[status]/index.tsx - app/(application)/admin/event/[id]/list-of-participants.tsx - components/DateInput/DataTimeAndroid.tsx - components/DateInput/DateTimeIOS.tsx - service/api-admin/api-admin-event.ts ### No Issue	2025-10-24 11:57:05 +08:00