Voting

Add:
- api-client/api-voting: kumpulan fetching api voting

Fix:
- UI create dan (tabs) status udah terintegrasi ke API

### No Isuue

app/(application)/(user)/voting/(tabs)/status.tsx

@@ -1,20 +1,55 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   BadgeCustom,
   BaseBox,
+  LoaderCustom,
   ScrollableCustom,
   StackCustom,
   TextCustom,
   ViewWrapper,
 } from "@/components";
+import { useAuth } from "@/hooks/use-auth";
 import { dummyMasterStatus } from "@/lib/dummy-data/_master/status";
+import { apiVotingGetByStatus } from "@/service/api-client/api-voting";
+import { dateTimeView } from "@/utils/dateTimeView";
 import dayjs from "dayjs";
-import { useState } from "react";
+import { useFocusEffect } from "expo-router";
+import _ from "lodash";
+import { useCallback, useState } from "react";
 
 export default function VotingStatus() {
+  const { user } = useAuth();
+  const id = user?.id || "";
+  console.log("ID >> ", id);
   const [activeCategory, setActiveCategory] = useState<string | null>(
     "publish"
   );
 
+  const [listData, setListData] = useState([]);
+  const [loadingGetData, setLoadingGetData] = useState(false);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [activeCategory, id])
+  );
+
+  async function onLoadData() {
+    try {
+      setLoadingGetData(true);
+      const response = await apiVotingGetByStatus({
+        id: id as string,
+        status: activeCategory!,
+      });
+      console.log("[RES LIST STATUS]", JSON.stringify(response.data, null, 2));
+      setListData(response.data);
+    } catch (error) {
+      console.log(error);
+    } finally {
+      setLoadingGetData(false);
+    }
+  }
+
   const handlePress = (item: any) => {
     setActiveCategory(item.value);
     // tambahkan logika lain seperti filter dsb.
@@ -34,27 +69,33 @@ export default function VotingStatus() {
 
   return (
     <ViewWrapper headerComponent={scrollComponent} hideFooter>
-      {Array.from({ length: 10 }).map((_, i) => (
-        <BaseBox
-          key={i}
-          paddingTop={20}
-          paddingBottom={20}
-          href={`/voting/${i}/${activeCategory}/detail`}
-        >
-          <StackCustom>
-            <TextCustom align="center" bold truncate size="large">
-              Lorem ipsum dolor sit {activeCategory}
-            </TextCustom>
-            <BadgeCustom
-              style={{ width: "70%", alignSelf: "center" }}
-              variant="light"
-            >
-              {dayjs().format("DD/MM/YYYY")} -{" "}
-              {dayjs().add(1, "day").format("DD/MM/YYYY")}
-            </BadgeCustom>
-          </StackCustom>
-        </BaseBox>
-      ))}
+      {loadingGetData ? (
+        <LoaderCustom />
+      ) : _.isEmpty(listData) ? (
+        <TextCustom align="center">Tidak ada data {activeCategory}</TextCustom>
+      ) : (
+        listData.map((item: any, i: number) => (
+          <BaseBox
+            key={i}
+            paddingTop={20}
+            paddingBottom={20}
+            href={`/voting/${item.id}/${activeCategory}/detail`}
+          >
+            <StackCustom>
+              <TextCustom align="center" bold truncate={2} size="large">
+                {item?.title || ""}
+              </TextCustom>
+              <BadgeCustom
+                style={{ width: "70%", alignSelf: "center" }}
+                variant="light"
+              >
+                {item?.awalVote && dateTimeView({date: item?.awalVote, withoutTime: true})} -{" "}
+                {item?.akhirVote && dateTimeView({date: item?.akhirVote, withoutTime: true})}
+              </BadgeCustom>
+            </StackCustom>
+          </BaseBox>
+        ))
+      )}
     </ViewWrapper>
   );
 }