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:
@@ -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',
|
||||||
|
|||||||
Reference in New Issue
Block a user