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

@@ -1,14 +1,56 @@
 import Styles from "@/constants/Styles";
+import { apiGetDataHome } from "@/lib/api";
+import { useAuthSession } from "@/providers/AuthProvider";
+import { useEffect, useState } from "react";
 import { Text, View } from "react-native";
 import EventItem from "../eventItem";
+import { router } from "expo-router";
+
+type Props = {
+   id: string
+   idDivision: string
+   title: string
+   desc: string
+   status: number
+   timeStart: string
+   timeEnd: string
+   dateStart: string
+   dateEnd: string
+   createdAt: string
+   user_name: string
+}
 
 export default function EventHome() {
+   const { decryptToken, token } = useAuthSession()
+   const [data, setData] = useState<Props[]>([])
+
+   async function handleData() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiGetDataHome({ cat: "event", user: hasil })
+         setData(response.data)
+      } catch (error) {
+         console.error(error)
+      }
+   }
+
+   useEffect(() => {
+      handleData()
+   }, []);
+
    return (
       <View style={[Styles.mb15]}>
          <Text style={[Styles.textDefaultSemiBold, Styles.mv10]}>Acara Hari Ini</Text>
          <View style={[Styles.wrapPaper]}>
-            <EventItem category="purple" title="Meeting Pertama" user="Amalia" jamAwal="10.00" jamAkhir="11.00" />
-            <EventItem category="orange" title="Meeting Pertama" user="Amalia" jamAwal="10.00" jamAkhir="11.00" />
+            {
+               data.length > 0 ?
+                  data.map((item, index) => {
+                     return (
+                        <EventItem key={index} category={index % 2 == 0 ? 'purple' : 'orange'} onPress={() => {router.push(`/division/${item.idDivision}/calendar/${item.id}`)}} title={item.title} user={item.user_name} jamAwal={item.timeStart} jamAkhir={item.timeEnd} />
+                     )
+                  })
+                  : <Text style={[Styles.textDefault, Styles.cGray, { textAlign: 'center' }]}>Tidak ada acara hari ini</Text>
+            }
          </View>
       </View>
    )