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

@@ -1,14 +1,49 @@
 import Styles from "@/constants/Styles";
+import { apiGetDataHome } from "@/lib/api";
+import { useAuthSession } from "@/providers/AuthProvider";
+import { useEffect, useState } from "react";
 import { Dimensions, Text, View } from "react-native";
 import { BarChart } from "react-native-gifted-charts";
 
+type Props = {
+   value: number;
+   label: string;
+   frontColor: string;
+}[]
+
 export default function ChartDokumenHome() {
+   const { decryptToken, token } = useAuthSession()
+   const [data, setData] = useState<Props>([])
+   const [maxValue, setMaxValue] = useState(5)
    const barData = [
       { value: 23, label: 'Gambar', frontColor: '#fac858' },
       { value: 12, label: 'Dokumen', frontColor: '#92cc76' },
    ];
    const width = Dimensions.get("window").width;
 
+
+   async function handleData() {
+      try {
+         const hasil = await decryptToken(String(token?.current))
+         const response = await apiGetDataHome({ cat: "dokumen", user: hasil })
+         const maxValue = response.data.reduce((max: number, obj: { value: number; }) => Math.max(max, obj.value), -Infinity);
+         const roundUp = Math.ceil(maxValue / 10) * 10
+         setMaxValue(roundUp)
+         const convertedArray = response.data.map((item: { color: any; label: any; value: any; }) => ({
+            frontColor: item.color,
+            label: item.label,
+            value: Number(item.value)
+         }));
+         setData(convertedArray)
+      } catch (error) {
+         console.error(error)
+      }
+   }
+
+   useEffect(() => {
+      handleData()
+   }, []);
+
    return (
       <View style={[Styles.wrapPaper, Styles.contentItemCenter, Styles.mb15]}>
          <Text style={[Styles.textSubtitle, Styles.mv15]}>JUMLAH DOKUMEN</Text>
@@ -16,8 +51,8 @@ export default function ChartDokumenHome() {
             showFractionalValues={false}
             showYAxisIndices
             noOfSections={4}
-            maxValue={25}
-            data={barData}
+            maxValue={maxValue}
+            data={data}
             isAnimated
             width={width - 140}
             barWidth={width * 0.25}