From b4c560b88e0cc2b8d8ac327a186a847b7eaf3bab Mon Sep 17 00:00:00 2001
From: amel <amel@amel.local>
Date: Tue, 29 Apr 2025 10:40:34 +0800
Subject: [PATCH] upd: home

Deskripsi:
- update progress pada kegiatan terupdate home

No Issues
---
 components/home/projectHome.tsx |  2 +-
 components/progressBar.tsx      | 13 ++++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/components/home/projectHome.tsx b/components/home/projectHome.tsx
index b33f653..9e17c9f 100644
--- a/components/home/projectHome.tsx
+++ b/components/home/projectHome.tsx
@@ -55,7 +55,7 @@ export default function ProjectHome() {
             vertical={false}
             renderItem={({ index }) => (
                <PaperGridContent content="carousel" onPress={() => { router.push(`/project/${data[index].id}`) }} title={data[index].title} headerColor="primary">
-                  <ProgressBar />
+                  <ProgressBar value={data[index].progress}/>
                   <View style={[Styles.rowSpaceBetween]}>
                      <Text style={[Styles.textDefault, Styles.cGray]}>{data[index].createdAt}</Text>
                      <View style={[Styles.labelStatus,
diff --git a/components/progressBar.tsx b/components/progressBar.tsx
index de13dbb..650fb47 100644
--- a/components/progressBar.tsx
+++ b/components/progressBar.tsx
@@ -1,28 +1,31 @@
 import Styles from "@/constants/Styles";
 import { useEffect, useState } from "react";
-import { Animated, Text, View } from "react-native";
+import { Animated, View } from "react-native";
 
 
 type Props = {
    margin?: number
+   value: number
 }
 
-export default function ProgressBar({ margin }: Props) {
+export default function ProgressBar({ margin, value }: Props) {
    const [progress, setProgress] = useState(new Animated.Value(0));
 
 
    useEffect(() => {
       Animated.timing(progress, {
          // 100% = 255
-         toValue: 127.5,
+         toValue: value / 100 * 255,
          duration: 1000,
          useNativeDriver: false
       }).start();
    }, []);
 
    return (
-      <View style={[Styles.wrapBar, { margin: margin && margin }]}>
-         <Animated.View style={[Styles.contentBar, { width: progress }]} />
+      <View style={[Styles.contentItemCenter]}>
+         <View style={[Styles.wrapBar, { margin: margin && margin }]}>
+            <Animated.View style={[Styles.contentBar, { width: progress }]} />
+         </View>
       </View>
    )
 }
\ No newline at end of file