Voting

Fix: Semua tampilan sudah terintegrasi API

### No Issue

app/(application)/(user)/voting/[id]/list-of-contributor.tsx

@@ -1,26 +1,69 @@
+/* eslint-disable react-hooks/exhaustive-deps */
 import {
   AvatarUsernameAndOtherComponent,
   BadgeCustom,
   BaseBox,
+  LoaderCustom,
+  TextCustom,
   ViewWrapper,
 } from "@/components";
+import { apiVotingContribution } from "@/service/api-client/api-voting";
+import { useFocusEffect, useLocalSearchParams } from "expo-router";
+import _ from "lodash";
+import { useCallback, useState } from "react";
 
 export default function Voting_ListOfContributor() {
+  const { id } = useLocalSearchParams();
+  const [listData, setListData] = useState<any>([]);
+  const [isLoadData, setIsLoadData] = useState(false);
+
+  useFocusEffect(
+    useCallback(() => {
+      onLoadList();
+    }, [id])
+  );
+
+  const onLoadList = async () => {
+    try {
+      setIsLoadData(true);
+      const response = await apiVotingContribution({
+        id: id as string,
+        authorId: "",
+        category: "list",
+      });
+
+      if (response.success) {
+        setListData(response.data);
+      }
+    } catch (error) {
+      console.log("[ERROR]", error);
+    } finally {
+      setIsLoadData(false);
+    }
+  };
+
   return (
     <ViewWrapper>
-      {Array.from({ length: 10 }).map((_, index) => (
-        <BaseBox paddingTop={5} paddingBottom={5} key={index.toString()}>
-          <AvatarUsernameAndOtherComponent
-            rightComponent={
-              <BadgeCustom
-                style={{alignSelf: "flex-end" }}
-              >
-                Pilihan {index + 1}
-              </BadgeCustom>
-            }
-          />
-        </BaseBox>
-      ))}
+      {isLoadData ? (
+        <LoaderCustom />
+      ) : _.isEmpty(listData) ? (
+        <TextCustom align="center">Tidak ada kontributor</TextCustom>
+      ) : (
+        listData.map((item: any, index: number) => (
+          <BaseBox paddingTop={5} paddingBottom={5} key={index.toString()}>
+            <AvatarUsernameAndOtherComponent
+              avatar={item?.Author?.Profile?.imageId || ""}
+              name={item?.Author?.username || "Username"}
+              avatarHref={`/profile/${item?.Author?.Profile?.id}`}
+              rightComponent={
+                <BadgeCustom style={{ alignSelf: "flex-end" }}>
+                  {item?.Voting_DaftarNamaVote?.value}
+                </BadgeCustom>
+              }
+            />
+          </BaseBox>
+        ))
+      )}
     </ViewWrapper>
   );
 }