Files
mobile-darmasaba/components/sectionProgress.tsx
amel c04c1de119 upd: project
Deskripsi:
- load page project
- pencarian project
- filter group project
- update label status pada project home

No Issues
2025-05-08 17:25:03 +08:00

23 lines
875 B
TypeScript

import { ColorsStatus } from "@/constants/ColorsStatus";
import Styles from "@/constants/Styles";
import { AntDesign } from "@expo/vector-icons";
import { Text, View } from "react-native";
import ProgressBar from "./progressBar";
type Props = {
text: string
}
export default function SectionProgress({ text }: Props) {
return (
<View style={[ColorsStatus.lightGreen, Styles.p15, { flexDirection: 'row', borderRadius: 10, alignItems: 'center' }]}>
<View style={[Styles.iconContent, ColorsStatus.orange, { alignItems: 'center', justifyContent: 'center' }]}>
<AntDesign name="areachart" size={30} color={'#384288'} />
</View>
<View style={[Styles.ml10, { flex: 1 }]}>
<Text style={[Styles.mb05]}>{text}</Text>
<ProgressBar margin={0} category="page" value={50} />
</View>
</View>
)
}