status bar issur resolved for android 15

android/app/src/main/res/values/styles.xml

@@ -4,6 +4,7 @@
     <style name="AppTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
         <!-- Customize your theme here. -->
         <item name="android:editTextBackground">@drawable/rn_edit_text_material</item>
+         <item name="android:windowOptOutEdgeToEdgeEnforcement">true</item>
     </style>
 
 </resources>

app/App.tsx

@@ -7,7 +7,7 @@
 
 import React, { useRef } from 'react';
 import { StatusBar } from 'react-native';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
+import { SafeAreaProvider, SafeAreaView } from 'react-native-safe-area-context';
 import { NavigationContainer, NavigationContainerRef } from '@react-navigation/native';
 import { theme } from './theme/theme';
 import { RootStackNavigator, setNavigationRef } from './navigation';
@@ -184,6 +184,7 @@ function AppContent() {
 
   return (
     <SafeAreaProvider>
+      <SafeAreaView style={{flex:1}} edges={['top', 'left', 'right']} >
       <NavigationContainer ref={navigationRef}>
         <StatusBar
           barStyle="dark-content"                    // Dark text on light background
@@ -195,6 +196,7 @@ function AppContent() {
           bottomOffset={20} 
         />
       </NavigationContainer>
+      </SafeAreaView>
     </SafeAreaProvider>
   );
 }

app/modules/AIPrediction/screens/AIPredictionDetailScreen.tsx

@@ -16,7 +16,6 @@ import {
   TouchableWithoutFeedback,
   Alert,
   SafeAreaView,
-  StatusBar,
   KeyboardAvoidingView,
   Platform,
   Dimensions,
@@ -541,7 +540,6 @@ const AIPredictionDetailScreen: React.FC<AIPredictionDetailsScreenProps> = ({
 
   return (
     <SafeAreaView style={styles.container}>
-      <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
       
              <TouchableWithoutFeedback onPress={closeAllDropdowns} disabled={!showSuggestionTypeDropdown && !showPriorityDropdown}>
               <View style={{flex:1}}>

app/modules/AIPrediction/screens/AIPredictionsScreen.tsx

@@ -552,7 +552,6 @@ const AIPredictionsScreen: React.FC<AIPredictionsScreenProps> = ({ navigation })
 
   return (
     <SafeAreaView style={styles.container}>
-      <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
       
       {/* Header */}
       <View style={styles.header}>

app/modules/Auth/redux/authActions.ts

@@ -18,7 +18,7 @@ export const login = createAsyncThunk(
   async (credentials: { email: string; password: string }, { rejectWithValue }) => {
     try {
       const response:any = await authAPI.login(credentials.email, credentials.password,'web');
-      
+      console.log('response',response)
       if(response.data.message && !response.data.success){
         showError(response.data.message)
         return rejectWithValue(response.data.message);

app/modules/Auth/screens/SignUpScreen.tsx

@@ -9,7 +9,6 @@ import React, { useEffect, useState } from 'react';
 import { 
   View, 
   StyleSheet,  
-  StatusBar, 
   Alert, 
   Text, 
   TouchableOpacity,
@@ -409,10 +408,6 @@ const SignUpScreen: React.FC<SignUpScreenProps> = ({ navigation }) => {
       style={styles.container}
       behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
     >
-      <StatusBar
-        barStyle="dark-content"
-        backgroundColor={theme.colors.background}
-      />
       
       {/* Conditional Content Rendering */}
       {currentStep === 'hospital' ? (

app/modules/PatientCare/screens/FeedbackDetailScreen.tsx

@@ -18,7 +18,6 @@ import {
   StyleSheet,
   ScrollView,
   TouchableOpacity,
-  StatusBar,
   Alert,
   TextInput,
   RefreshControl,
@@ -366,7 +365,6 @@ const FeedbackDetailScreen: React.FC<FeedbackDetailScreenProps> = ({ navigation,
 
   return (
     <SafeAreaView style={styles.container}>
-      <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
       
       {/* Fixed Series Header */}
       {renderSeriesHeader()}

app/modules/PatientCare/screens/PatientDetailsScreen.tsx

@@ -20,7 +20,6 @@ import {
   StyleSheet,
   ScrollView,
   TouchableOpacity,
-  StatusBar,
   Alert,
   Dimensions,
   Image,
@@ -1221,7 +1220,6 @@ const PatientDetailsScreen: React.FC<PatientDetailsScreenProps> = ({ navigation,
   if (isLoading) {
     return (
       <SafeAreaView style={styles.container}>
-        <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
         {renderLoadingState()}
       </SafeAreaView>
     );
@@ -1230,7 +1228,6 @@ const PatientDetailsScreen: React.FC<PatientDetailsScreenProps> = ({ navigation,
   if (error) {
     return (
       <SafeAreaView style={styles.container}>
-        <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
         {renderErrorState()}
       </SafeAreaView>
     );
@@ -1239,7 +1236,6 @@ const PatientDetailsScreen: React.FC<PatientDetailsScreenProps> = ({ navigation,
   if (!patientData) {
     return (
       <SafeAreaView style={styles.container}>
-        <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
         <View style={styles.errorContainer}>
           <Icon name="user-x" size={48} color={theme.colors.textMuted} />
           <Text style={styles.errorTitle}>Patient Not Found</Text>
@@ -1251,7 +1247,6 @@ const PatientDetailsScreen: React.FC<PatientDetailsScreenProps> = ({ navigation,
 
   return (
     <SafeAreaView style={styles.container}>
-      <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
       
       {/* Header */}
       <View style={styles.header}>

app/modules/PatientCare/screens/PatientsScreen.tsx

@@ -13,7 +13,6 @@ import {
   FlatList,
   RefreshControl,
   SafeAreaView,
-  StatusBar,
   StyleSheet,
   Alert,
 } from 'react-native';
@@ -262,7 +261,6 @@ const PatientsScreen: React.FC = () => {
   if (error && !isLoading) {
     return (
       <SafeAreaView style={styles.container}>
-        <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
         <View style={styles.errorContainer}>
           <Text style={styles.errorTitle}>Error Loading Patients</Text>
           <Text style={styles.errorMessage}>{error}</Text>
@@ -280,7 +278,6 @@ const PatientsScreen: React.FC = () => {
 
   return (
     <SafeAreaView style={styles.container}>
-      <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
       
       {/* Header */}
       {renderHeader()}

app/modules/PatientCare/screens/SeriesDetailScreen.tsx

@@ -21,7 +21,6 @@ import {
   StyleSheet,
   ScrollView,
   TouchableOpacity,
-  StatusBar,
   Alert,
   Dimensions,
   Image,
@@ -1535,7 +1534,6 @@ const SeriesDetailScreen: React.FC<SeriesDetailScreenProps> = ({ navigation, rou
 
   return (
     <SafeAreaView style={styles.container}>
-      <StatusBar barStyle="dark-content" backgroundColor={theme.colors.background} />
       
       {/* Header */}
       <View style={styles.header}>

app/shared/components/ComingSoonScreen.tsx

@@ -13,7 +13,6 @@ import {
   ScrollView,
   TouchableOpacity,
   SafeAreaView,
-  StatusBar,
   Image,
 } from 'react-native';
 import { theme } from '../../theme/theme';
@@ -105,11 +104,6 @@ export const ComingSoonScreen: React.FC<ComingSoonScreenProps> = ({
       styles.container,
       backgroundColor && { backgroundColor }
     ]}>
-      <StatusBar
-        barStyle="dark-content"
-        backgroundColor={backgroundColor || theme.colors.background}
-        translucent={false}
-      />
       
       <ScrollView
         style={styles.scrollView}