From fa0465ee1a1c71b79f973aa8c955a442da353936 Mon Sep 17 00:00:00 2001
From: Mekan1206 <myradow207@gmail.com>
Date: Sat, 20 Sep 2025 14:09:33 +0500
Subject: [PATCH] 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.
---
 app/(tabs)/programs.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/(tabs)/programs.tsx b/app/(tabs)/programs.tsx
index 308e67b..841651d 100644
--- a/app/(tabs)/programs.tsx
+++ b/app/(tabs)/programs.tsx
@@ -108,7 +108,7 @@ export default function Programs() {
             <View key={index}>
               <View style={styles.activityCard}>
                 <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.activityDescription}>{activity.description}</Text>
                 </View>
@@ -196,12 +196,13 @@ const styles = StyleSheet.create({
   timeText: {
     color: 'gray',
     fontSize: 14,
+    marginBottom: 4,
   },
   activityTitle: {
     color: 'white',
     fontSize: 20,
     fontWeight: 'bold',
-    marginVertical: 4,
+    marginBottom: 4,
   },
   activityDescription: {
     color: 'gray',