Voting

Fix: Semua tampilan sudah terintegrasi API

### No Issue

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

@@ -1,15 +1,57 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
+  LoaderCustom,
+  TextCustom,
   ViewWrapper
 } from "@/components";
+import { useAuth } from "@/hooks/use-auth";
 import Voting_BoxPublishSection from "@/screens/Voting/BoxPublishSection";
+import { apiVotingGetAll } from "@/service/api-client/api-voting";
+import { useFocusEffect } from "expo-router";
+import _ from "lodash";
+import { useState, useCallback } from "react";
 
 export default function VotingContribution() {
+    const { user } = useAuth();
+    const [listData, setListData] = useState<any>([]);
+    const [loadingGetData, setLoadingGetData] = useState(false);
+
+  
+    useFocusEffect(
+      useCallback(() => {
+        onLoadData();
+      }, [])
+    );
+  
+    const onLoadData = async () => {
+      try {
+        setLoadingGetData(true);
+        const response = await apiVotingGetAll({
+          category: "contribution",
+          authorId: user?.id as string,
+        });
+
+        if (response.success) {
+          setListData(response.data);
+        }
+      } catch (error) {
+        console.log("[ERROR]", error);
+      } finally {
+        setLoadingGetData(false);
+      }
+    };
+
   return (
     <ViewWrapper hideFooter>
-      {Array.from({ length: 5 }).map((_, index) => (
+      {loadingGetData ? (
+        <LoaderCustom />
+      ) : _.isEmpty(listData) ? (
+        <TextCustom align="center">Tidak ada kontribusi</TextCustom>
+      ) : listData.map((item: any, index: number) => (
         <Voting_BoxPublishSection
+          data={item}
           key={index}
-          href={`/voting/${index}/contribution`}
+          href={`/voting/${item.id}/contribution`}
         />
       ))}
     </ViewWrapper>

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

@@ -1,11 +1,44 @@
-import { ViewWrapper } from "@/components";
+/* eslint-disable react-hooks/exhaustive-deps */
+import { LoaderCustom, TextCustom, ViewWrapper } from "@/components";
 import TabsTwoButtonCustom from "@/components/_ShareComponent/TabsTwoHeaderCustom";
 import Voting_BoxPublishSection from "@/screens/Voting/BoxPublishSection";
-import { useState } from "react";
+import { useAuth } from "@/hooks/use-auth";
+import { useCallback, useState } from "react";
+import { apiVotingGetAll } from "@/service/api-client/api-voting";
+import { useFocusEffect } from "expo-router";
+import _ from "lodash";
 
 export default function VotingHistory() {
+  const { user } = useAuth();
   const [activeCategory, setActiveCategory] = useState<string | null>("all");
 
+  const [listData, setListData] = useState<any>([]);
+  const [loadingGetData, setLoadingGetData] = useState(false);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [activeCategory])
+  );
+
+  const onLoadData = async () => {
+    try {
+      setLoadingGetData(true);
+      const response = await apiVotingGetAll({
+        category: activeCategory === "all" ? "all-history" : "my-history",
+        authorId: user?.id as string,
+      });
+
+      if (response.success) {
+        setListData(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setLoadingGetData(false);
+    }
+  };
+
   const handlePress = (item: any) => {
     setActiveCategory(item);
     // tambahkan logika lain seperti filter dsb.
@@ -25,13 +58,20 @@ export default function VotingHistory() {
         />
       }
     >
-      {Array.from({ length: 10 }).map((_, index) => (
-        <Voting_BoxPublishSection
-          key={index}
-          id={activeCategory as any}
-          href={`/voting/${index}/history`}
-        />
-      ))}
+      {loadingGetData ? (
+        <LoaderCustom />
+      ) : _.isEmpty(listData) ? (
+        <TextCustom align="center">Tidak ada riwayat</TextCustom>
+      ) : (
+        listData.map((item: any, index: number) => (
+          <Voting_BoxPublishSection
+            key={index}
+            id={item.id}
+            data={item}
+            href={`/voting/${item.id}/history`}
+          />
+        ))
+      )}
     </ViewWrapper>
   );
 }

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

@@ -8,23 +8,28 @@ import {
 } from "@/components";
 import Voting_BoxPublishSection from "@/screens/Voting/BoxPublishSection";
 import { apiVotingGetAll } from "@/service/api-client/api-voting";
-import { router } from "expo-router";
+import { router, useFocusEffect } from "expo-router";
 import _ from "lodash";
-import { useEffect, useState } from "react";
+import { useCallback, useState } from "react";
 
 export default function VotingBeranda() {
   const [listData, setListData] = useState<any>([]);
   const [loadingGetData, setLoadingGetData] = useState(false);
   const [search, setSearch] = useState("");
 
-  useEffect(() => {
-    onLoadData();
-  }, [search]);
+  useFocusEffect(
+    useCallback(() => {
+      onLoadData();
+    }, [search])
+  );
 
   const onLoadData = async () => {
     try {
       setLoadingGetData(true);
-      const response = await apiVotingGetAll({ search });
+      const response = await apiVotingGetAll({
+        search,
+        category: "beranda",
+      });
       if (response.success) {
         setListData(response.data);
       }