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/divisionHome.tsx

@@ -1,13 +1,38 @@
 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 PaperGridContent from "../paperGridContent";
 
+type Props = {
+   id: string
+   name: string
+   jumlah: number
+}
+
 export default function DivisionHome() {
-   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: "division", user: hasil })
+         setData(response.data)
+      } catch (error) {
+         console.error(error)
+      }
+   }
+
+   useEffect(() => {
+      handleData()
+   }, []);
+
 
 
    return (
@@ -26,9 +51,9 @@ export default function DivisionHome() {
             snapEnabled={true}
             vertical={false}
             renderItem={({ index }) => (
-               <PaperGridContent content="carousel" title="Kesekretariatan" headerColor="warning">
+               <PaperGridContent onPress={() => { router.push(`/division/${data[index].id}`) }} content="carousel" title={data[index].name} headerColor="warning">
                   <View>
-                     <Text style={{ fontSize: 50, textAlign: "center", fontWeight: 'bold' }}>12</Text>
+                     <Text style={{ fontSize: 50, textAlign: "center", fontWeight: 'bold' }}>{data[index].jumlah}</Text>
                      <Text style={[Styles.textSubtitle, { textAlign: "center" }]}>KEGIATAN</Text>
                   </View>
                </PaperGridContent>