homePage update

src/screens/InviteScreen.tsx

@@ -76,7 +76,7 @@ const InviteScreen: FC<InviteScreenProps> = ({ route }) => {
     try {
       // Replace with your actual API call to join the group
       // For now, it just shows an alert.
-      // await apiCall(`/api/fund/group/join`, 'POST', { groupId: groupDetails.id });
+      await apiCall(`https://exotic-humpback-mistakenly.ngrok-free.app/api/fund/groups/join/invite/${code}`, 'POST');
       Alert.alert('Success!', `You have requested to join "${groupDetails.groupName}".`);
     } catch (e: any) {
       Alert.alert('Join Error', e.message || 'An unexpected error occurred.');
@@ -99,11 +99,12 @@ const InviteScreen: FC<InviteScreenProps> = ({ route }) => {
 
         {/* Group Info Card */}
         <View style={styles.card}>
-          <Text style={styles.cardTitle}>Group Details</Text>
+          <Text style={styles.cardTitle}>Group Details  </Text>
           <InfoRow label="Organizer" value={organizerName} />
           <InfoRow label="Contribution" value={`₹${groupDetails.contributionAmount.toLocaleString('en-IN')}`} />
           <InfoRow label="Payment Cycle" value={groupDetails.cycleType} />
           <InfoRow label="Status" value={groupDetails.status} />
+          <InfoRow label="Code" value={code} />
         </View>
 
         {/* Participants Card */}
@@ -143,7 +144,7 @@ const InviteScreen: FC<InviteScreenProps> = ({ route }) => {
 };
 
 // Helper component for displaying rows
-const InfoRow = ({ label, value }: { label: string; value: string }) => (
+const InfoRow = ({ label, value }: { label: string; value: string | number }) => (
   <View style={styles.infoRow}>
     <Text style={styles.infoLabel}>{label}</Text>
     <Text style={styles.infoValue}>{value}</Text>