helper funtion

src/screens/profile/Profile.tsx

@@ -23,6 +23,7 @@ import { useFocusEffect, useNavigation } from "@react-navigation/native";
 import { ApiResponse } from "../home/UserProfileStatus";
 import { BASE_URL } from "../../utils/ApiUrls";
 import AppView from "../../components/AppView";
+import { useSelector } from "react-redux";
 
 
 
@@ -47,6 +48,7 @@ type UserProfile = {
 
 const Profile = () => {
   const navigation = useNavigation<any>();
+  const user1 = useSelector((state: any) => state.user);
   const [user, setUser] = useState<UserProfile | null>(null);
   const [fetching, setFetching] = useState(true);
   const [editing, setEditing] = useState(false);
@@ -222,7 +224,7 @@ const Profile = () => {
       const response = await fetch(`${BASE_URL}user/profile/status`, {
         method: "GET",
         headers: {
-          Accept: "/",
+          Accept: "*/*",
           Authorization: `Bearer ${token}`,
         },
       });
@@ -232,6 +234,7 @@ const Profile = () => {
       console.log("👤 Profile Status Response:", json);
       if (json.status === "success") {
         setStatusData(json.data);
+        console.log("statusData response :", json);
 
       } else {
         setError(json.message || "Failed to fetch status");
@@ -273,6 +276,8 @@ const Profile = () => {
     );
   };
 
+  console.log("statusData?.role :", statusData?.role);
+  console.log("statusData?.organizerStatus :", statusData?.organizerStatus);
 
   useFocusEffect(
     useCallback(() => {
@@ -327,15 +332,28 @@ const Profile = () => {
           {/* Profile Card */}
           <View style={styles.profileCard}>
             {/* Profile Image Section */}
-            {user?.role !== "USER" 
-            &&
-             (user?.role === "ORGANIZER" &&
-               (user?.organizerStatus === "NOT_APPLIED" || user?.organizerStatus !== "PENDING")) ? (
-              <Text style={{ color: "#64748b", marginBottom: 16, textAlign: 'center', fontSize: 18 }}>Your Role: {user.role} | Organizer Status: {user.organizerStatus}</Text>
-            ) : (
-                <SwitchNavigator role={user?.role || ''} status={user?.organizerStatus === "NOT_APPLIED" ? '' : user?.organizerStatus || ''} />
-            
-            )}
+            {
+              statusData?.role === "USER" && statusData?.organizerStatus !== "NOT_APPLIED" ? (
+                <Text
+                  style={{
+                    color: "#64748b",
+                    marginBottom: 16,
+                    textAlign: "center",
+                    fontSize: 18,
+                  }}
+                >
+                  Your Role: {statusData.role} | Organizer Status: {statusData.organizerStatus}
+                </Text>
+              ) : (
+                statusData?.role !== "ORGANIZER" && (
+                  <SwitchNavigator
+                    role={statusData?.role || ""}
+                    status={statusData?.organizerStatus || ""}
+                  />
+                )
+              )
+            }
+
             <View style={styles.profileImageSection}>
               <View style={styles.avatarContainer}>
                 <Image

src/screens/profile/SwitchNavigator.tsx

@@ -2,7 +2,6 @@ import React, { useState } from "react";
 import { View, Text, StyleSheet, Switch } from "react-native";
 import { useNavigation } from "@react-navigation/native";
 import type { NativeStackNavigationProp } from "@react-navigation/native-stack";
-import colors from "../../components/colors";
 
 type RootStackParamList = {
   BecomeOrg: undefined;
@@ -25,10 +24,6 @@ const SwitchNavigator: React.FC<SwitchNavigatorProps> = ({ role, status }) => {
 
     if (newValue) {
       navigation.navigate("BecomeOrg"); // Navigate when ON
-      setTimeout(() => {
-        setIsEnabled(false);
-      }, 2000);
-      // Reset switch to OFF after navigation
     } else {
       navigation.navigate("Profile"); // Navigate when OFF
     }
@@ -40,18 +35,17 @@ const SwitchNavigator: React.FC<SwitchNavigatorProps> = ({ role, status }) => {
   return (
     <View style={styles.container}>
       <Text style={styles.text}>
-        {!isEnabled && role !== "USER"
+        {!isEnabled && role !== "USER" 
           ? "Become an Organizer"
           : `Request Organizer Role ${status}`}
       </Text>
-      {role !== "USER" ? (
-        <Switch
-          trackColor={{ false: "#767577", true: colors.textLight }}
-          thumbColor={isEnabled ? colors.pastelBlue : "#f4f3f4"}
-          ios_backgroundColor="#3e3e3e"
-          onValueChange={toggleSwitch}
-          value={isEnabled}
-        />) : <View> <Text> </Text></View>}
+      <Switch
+        trackColor={{ false: "#767577", true: "#81b0ff" }}
+        thumbColor={isEnabled ? "#007AFF" : "#f4f3f4"}
+        ios_backgroundColor="#3e3e3e"
+        onValueChange={toggleSwitch}
+        value={isEnabled}
+      />
     </View>
   );
 };