Voting

Fix:
- Integrasi API pada (tabs) status & detail
- Integrasi API beranda & detail
- Integrasi API pada voting

### No Issue

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

@@ -1,23 +1,63 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   FloatingButton,
+  LoaderCustom,
   SearchInput,
-  ViewWrapper
+  TextCustom,
+  ViewWrapper,
 } from "@/components";
 import Voting_BoxPublishSection from "@/screens/Voting/BoxPublishSection";
+import { apiVotingGetAll } from "@/service/api-client/api-voting";
 import { router } from "expo-router";
+import _ from "lodash";
+import { useEffect, useState } from "react";
 
 export default function VotingBeranda() {
+  const [listData, setListData] = useState<any>([]);
+  const [loadingGetData, setLoadingGetData] = useState(false);
+  const [search, setSearch] = useState("");
+
+  useEffect(() => {
+    onLoadData();
+  }, [search]);
+
+  const onLoadData = async () => {
+    try {
+      setLoadingGetData(true);
+      const response = await apiVotingGetAll({ search });
+      if (response.success) {
+        setListData(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setLoadingGetData(false);
+    }
+  };
+
   return (
     <ViewWrapper
       hideFooter
       floatingButton={
         <FloatingButton onPress={() => router.push("/voting/create")} />
       }
-      headerComponent={<SearchInput placeholder="Cari voting" />}
+      headerComponent={
+        <SearchInput placeholder="Cari voting" onChangeText={setSearch} />
+      }
     >
-      {Array.from({ length: 5 }).map((_, index) => (
-        <Voting_BoxPublishSection key={index} href={`/voting/${index}`} />
-      ))}
+      {loadingGetData ? (
+        <LoaderCustom />
+      ) : _.isEmpty(listData) ? (
+        <TextCustom align="center">Tidak ada data</TextCustom>
+      ) : (
+        listData.map((item: any, index: number) => (
+          <Voting_BoxPublishSection
+            data={item}
+            key={index}
+            href={`/voting/${item.id}`}
+          />
+        ))
+      )}
     </ViewWrapper>
   );
 }

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

@@ -12,7 +12,6 @@ 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 { useFocusEffect } from "expo-router";
 import _ from "lodash";
 import { useCallback, useState } from "react";
@@ -20,7 +19,6 @@ 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"
   );
@@ -41,7 +39,6 @@ export default function VotingStatus() {
         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);