api integration for joined user

src/screens/GroupScreen.tsx

@@ -21,12 +21,12 @@ import { StackNavigationProp } from "@react-navigation/stack";
 import { RootStackParamList } from "../navigation/AppNavigator";
 import AppView from "../components/AppView";
 import { apiCall } from "../utils/ApiHelper";
-import { BASE_URL, JOIN_GROUP_URL, PUT_USER_STATUS } from "../utils/ApiUrls";
+import { BASE_URL, GET_JOINED_GROUP_URL, JOIN_GROUP_URL, PUBLIC_GROUPS_URL, PUT_USER_STATUS } from "../utils/ApiUrls";
 import colors from "../components/colors";
 import { ApiResponse } from "./home/UserProfileStatus";
 import * as Keychain from "react-native-keychain";
 const { width } = Dimensions.get('window');
-const PUBLIC_GROUPS_URL = "https://api.godemo.in/FundCollect/api/fund/user/public";
+
 
 
 // --- Types ---
@@ -114,7 +114,31 @@ export default function GroupScreen() {
     }
   };
 
-  useFocusEffect(React.useCallback(() => { fetchGroups(); }, []));
+  const fetchJoinedGroups = async () => {
+    if (loading) return;
+    setLoading(true);
+    setError(null);
+    try {
+      console.log("first-????-")
+      const res = await apiCall(GET_JOINED_GROUP_URL, "GET") as { data?: Group[] };
+      console.log("first---", res)
+      if (res && res.data) {
+        setJoinedGroups(res.data);
+
+      } else {
+        throw new Error("No data received");
+      }
+    } catch (e) {
+      setError("Failed to fetch groups. Please try again.");
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useFocusEffect(React.useCallback(() => {
+    fetchGroups()
+    fetchJoinedGroups()
+  }, []));
 
   const filterData = (data: Group[]) => {
     if (!searchQuery.trim()) return data;
@@ -142,6 +166,7 @@ export default function GroupScreen() {
       Alert.alert("Error", "An unexpected error occurred.");
     }
   };
+  
   const userStatus = async () => {
     try {
       const credentials = await Keychain.getGenericPassword();
@@ -239,7 +264,7 @@ export default function GroupScreen() {
         refreshControl={
           <RefreshControl refreshing={refreshing} onRefresh={onRefresh} />
         }
-        ListFooterComponent={<ActivityIndicator size={'large'} color={colors.Group}/>}
+        ListFooterComponent={<ActivityIndicator size={'large'} color={colors.Group} />}
       />
     );
   };
@@ -265,7 +290,7 @@ export default function GroupScreen() {
           keyExtractor={(item) => item.id}
           renderItem={({ item }) => <FeaturedGroupCard item={item} />}
           style={styles.featuredList}
-          ListEmptyComponent={!loading && featuredGroups.length === 0 ? <Text style={styles.emptyFeaturedText}>No featured groups.</Text> : null}
+        // ListEmptyComponent={!loading && featuredGroups.length === 0 ? <Text style={styles.emptyFeaturedText}>No featured groups.</Text> : null}
         />
 
         <View style={styles.tabHeader}>