upd: home

Deskripsi:
- integrasi api kegiatan terupdate
- integrasi api divisi teraktif
- integrasi api progres kegiatan
- integrasi api jumlah dokumen
- integrasi api event hari ini
- integrasi api diskusi

No Issues

components/home/projectHome.tsx

@@ -1,15 +1,42 @@
+import { ColorsStatus } from "@/constants/ColorsStatus";
 import Styles from "@/constants/Styles";
-import React from "react";
+import { apiGetDataHome } from "@/lib/api";
+import { useAuthSession } from "@/providers/AuthProvider";
+import { router } from "expo-router";
+import React, { useEffect, useState } from "react";
 import { Dimensions, Text, View } from "react-native";
 import Carousel, { ICarouselInstance } from "react-native-reanimated-carousel";
-import ProgressBar from "../progressBar";
-import { ColorsStatus } from "@/constants/ColorsStatus";
 import PaperGridContent from "../paperGridContent";
+import ProgressBar from "../progressBar";
+
+type Props = {
+   id: string
+   title: string
+   desc: string
+   status: number
+   progress: number
+   createdAt: string
+}
 
 export default function ProjectHome() {
-   const data = [...new Array(6).keys()];
+   const { decryptToken, token } = useAuthSession()
    const ref = React.useRef<ICarouselInstance>(null);
    const width = Dimensions.get("window").width;
+   const [data, setData] = useState<Props[]>([])
+
+   async function handleData() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiGetDataHome({ cat: "kegiatan", user: hasil })
+         setData(response.data)
+      } catch (error) {
+         console.error(error)
+      }
+   }
+
+   useEffect(() => {
+      handleData()
+   }, []);
 
    return (
       <View style={[Styles.mb15]}>
@@ -27,12 +54,26 @@ export default function ProjectHome() {
             snapEnabled={true}
             vertical={false}
             renderItem={({ index }) => (
-               <PaperGridContent content="carousel" title="Pembangunan Jembatan" headerColor="primary">
+               <PaperGridContent content="carousel" onPress={() => { router.push(`/project/${data[index].id}`) }} title={data[index].title} headerColor="primary">
                   <ProgressBar />
                   <View style={[Styles.rowSpaceBetween]}>
-                     <Text style={[Styles.textDefault, Styles.cGray]}>13 Februari 2025</Text>
-                     <View style={[Styles.labelStatus, ColorsStatus.warning]}>
-                        <Text style={[Styles.textMediumSemiBold, Styles.cWhite]}>DIKERJAKAN</Text>
+                     <Text style={[Styles.textDefault, Styles.cGray]}>{data[index].createdAt}</Text>
+                     <View style={[Styles.labelStatus,
+                     data[index].status === 0 ? ColorsStatus.primary :
+                        data[index].status === 1 ? ColorsStatus.warning :
+                           data[index].status === 2 ? ColorsStatus.success :
+                              data[index].status === 3 ? ColorsStatus.error :
+                                 ColorsStatus.primary
+                     ]}>
+                        <Text style={[Styles.textMediumSemiBold, Styles.cWhite]}>
+                           {
+                              data[index].status === 0 ? 'SEGERA' :
+                                 data[index].status === 1 ? 'DIKERJAKAN' :
+                                    data[index].status === 2 ? 'SELESAI' :
+                                       data[index].status === 3 ? 'DIBATALKAN' :
+                                          "SEGERA"
+                           }
+                        </Text>
                      </View>
                   </View>
                </PaperGridContent>