Update activity rendering and styles in Programs component

- Added conditional rendering for activity time to prevent displaying empty values.
- Adjusted styles for time text and activity title to improve layout consistency.
This commit is contained in:
Mekan1206
2025-09-20 14:09:33 +05:00
parent 558698a058
commit fa0465ee1a

View File

@@ -108,7 +108,7 @@ export default function Programs() {
<View key={index}> <View key={index}>
<View style={styles.activityCard}> <View style={styles.activityCard}>
<View style={styles.timeContainer}> <View style={styles.timeContainer}>
<Text style={styles.timeText}>{activity.time}</Text> {activity.time && <Text style={styles.timeText}>{activity.time}</Text>}
<Text style={styles.activityTitle}>{activity.title}</Text> <Text style={styles.activityTitle}>{activity.title}</Text>
<Text style={styles.activityDescription}>{activity.description}</Text> <Text style={styles.activityDescription}>{activity.description}</Text>
</View> </View>
@@ -196,12 +196,13 @@ const styles = StyleSheet.create({
timeText: { timeText: {
color: 'gray', color: 'gray',
fontSize: 14, fontSize: 14,
marginBottom: 4,
}, },
activityTitle: { activityTitle: {
color: 'white', color: 'white',
fontSize: 20, fontSize: 20,
fontWeight: 'bold', fontWeight: 'bold',
marginVertical: 4, marginBottom: 4,
}, },
activityDescription: { activityDescription: {
color: 'gray', color: 'gray',