upd: report divisi

Deskripsi:
- ui report divisi

No Issues

components/division/reportChartProgress.tsx

@@ -0,0 +1,31 @@
+import Styles from "@/constants/Styles";
+import { Text, View } from "react-native";
+import { PieChart } from "react-native-gifted-charts";
+
+export default function ReportChartProgress() {
+   const pieData = [
+      { value: 54, text: "54%", color: '#177AD5' },
+      { value: 40, text: "40%", color: '#92cc76' },
+      { value: 20, text: "20%", color: '#ED6665' },
+      { value: 0, text: "0%", color: '#fac858' },
+   ];
+
+   return (
+      <View style={[Styles.wrapPaper, Styles.contentItemCenter, Styles.mb15]}>
+         <Text style={[Styles.textSubtitle, Styles.mv15]}>PROGRES KEGIATAN</Text>
+         <PieChart
+            data={pieData}
+            showText
+            showValuesAsTooltipText
+            textColor="black"
+            radius={120}
+            textSize={15}
+            focusOnPress={false}
+            showValuesAsLabels
+            showTextBackground={false}
+            textBackgroundRadius={0}
+            isAnimated
+         />
+      </View>
+   )
+}