fix: removed os based padding

Supsource · Dec 31, 2024 · 69ea2a7 · 69ea2a7
1 parent 6571f09
commit 69ea2a7
Show file tree

Hide file tree

Showing 23 changed files with 17 additions and 24 deletions.
diff --git a/screens/BookScreen.js b/screens/BookScreen.js
@@ -55,7 +55,7 @@ const BookScreen = () => {
   }, []);
 
   return (
-    <SafeAreaView style={{ flex: 1, backgroundColor: '#f5f5f5', paddingTop: Platform.OS === 'android' ? 35 : 0 }}>
+    <SafeAreaView style={{ flex: 1, backgroundColor: '#f5f5f5',}}>
       <View
         style={{
           flexDirection: 'row',

diff --git a/screens/CreateActivity.js b/screens/CreateActivity.js
@@ -162,7 +162,6 @@ const CreateActivity = () => {
         style={{
           flex: 1,
           backgroundColor: 'white',
-          paddingTop: Platform.OS === 'android' ? 35 : 0,
         }}>
         <ScrollView>
           <View style={{marginHorizontal: 10}}>

diff --git a/screens/GameSetUpScreen.js b/screens/GameSetUpScreen.js
@@ -155,7 +155,7 @@ const GameSetUpScreen = () => {
 
   return (
     <>
-      <SafeAreaView style={{paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+      <SafeAreaView>
         <ScrollView>
           <View
             style={{

diff --git a/screens/HomeScreen.js b/screens/HomeScreen.js
@@ -15,7 +15,6 @@ import AsyncStorage from '@react-native-async-storage/async-storage';
 import {jwtDecode} from 'jwt-decode';
 import 'core-js/stable/atob';
 import axios from 'axios';
-import {useRef} from 'react';
 import {AuthContext} from '../AuthContext';
 
 const HomeScreen = () => {
@@ -143,7 +142,7 @@ const HomeScreen = () => {
   console.log('user', upcomingGames?.length);
 
   return (
-    <ScrollView style={{flex: 1, backgroundColor: '#F8F8F8', paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+    <ScrollView style={{flex: 1, backgroundColor: '#F8F8F8',}}>
       <View
         style={{
           padding: 13,

diff --git a/screens/LoginScreen.js b/screens/LoginScreen.js
@@ -39,7 +39,7 @@ const LoginScreen = () => {
     });
   };
   return (
-      <SafeAreaView style={{flex: 1, backgroundColor: 'white', paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+      <SafeAreaView style={{flex: 1, backgroundColor: 'white', }}>
       <View style={{padding: 10, alignItems: 'center'}}>
         <KeyboardAvoidingView>
           <View

diff --git a/screens/ManageRequests.js b/screens/ManageRequests.js
@@ -83,7 +83,7 @@ import {
 
     console.log('dfdfdfd', route?.params);
     return (
-      <SafeAreaView style={{paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+      <SafeAreaView>
         <View style={{padding: 12, backgroundColor: '#223536'}}>
           <View
             style={{

diff --git a/screens/NameScreen.js b/screens/NameScreen.js
@@ -36,7 +36,7 @@ const NameScreen = () => {
   };
   return (
     <>
-      <SafeAreaView style={{flex: 1, backgroundColor: 'white', paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+      <SafeAreaView style={{flex: 1, backgroundColor: 'white',}}>
         <View style={{marginHorizontal: 10}}>
           <Ionicons
             onPress={() => navigation.goBack()}

diff --git a/screens/OtpScreen.js b/screens/OtpScreen.js
@@ -51,7 +51,7 @@ const OtpScreen = () => {
     }
   };
   return (
-    <SafeAreaView style={{flex: 1, backgroundColor: 'white', paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+    <SafeAreaView style={{flex: 1, backgroundColor: 'white',}}>
       <View style={{padding: 15}}>
         <Text style={styles.title}>Enter OTP</Text>
         <View style={styles.otpContainer}>

diff --git a/screens/PasswordScreen.js b/screens/PasswordScreen.js
@@ -23,7 +23,7 @@ const PasswordScreen = () => {
     navigation.navigate('Name')
   }
   return (
-    <SafeAreaView style={{flex: 1, backgroundColor: 'white', paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+    <SafeAreaView style={{flex: 1, backgroundColor: 'white'}}>
       <View style={{marginTop: 90, marginHorizontal: 20}}>
         <View style={{flexDirection: 'row', alignItems: 'center'}}>
           <View

diff --git a/screens/PaymentScreen.js b/screens/PaymentScreen.js
@@ -58,7 +58,7 @@ const PaymentScreen = () => {
   };
   return (
     <>
-    <ScrollView style={{marginTop:50, paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+    <ScrollView style={{marginTop:50}}>
       <View style={{ padding: 15 }}>
         <Text style={{ fontSize: 23, fontWeight: "500", color: "green" }}>
           {route.params.selectedSport}

diff --git a/screens/PlayScreen.js b/screens/PlayScreen.js
@@ -84,7 +84,7 @@ const PlayScreen = () => {
     }
   };
   return (
-    <SafeAreaView style={{paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+    <SafeAreaView>
       <View style={{padding: 12, backgroundColor: '#223537'}}>
         <View
           style={{

diff --git a/screens/PlayersScreen.js b/screens/PlayersScreen.js
@@ -14,7 +14,7 @@ import Entypo from 'react-native-vector-icons/Entypo';
 const PlayersScreen = () => {
   const route = useRoute();
   return (
-    <SafeAreaView style={{paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+    <SafeAreaView>
       <View
         style={{
           padding: 10,

diff --git a/screens/PreFinalScreen.js b/screens/PreFinalScreen.js
@@ -79,7 +79,7 @@ const PreFinalScreen = () => {
     }
   };
   return (
-    <SafeAreaView style={{flex: 1, backgroundColor: 'white', paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+    <SafeAreaView style={{flex: 1, backgroundColor: 'white',}}>
       <View style={{marginTop: 80}}>
         <Text
           style={{

diff --git a/screens/ProfileDetailScreen.js b/screens/ProfileDetailScreen.js
@@ -131,7 +131,6 @@ const styles = StyleSheet.create({
     flex: 1,
     backgroundColor: '#f8f9fa',
     padding: 16,
-    paddingTop: Platform.OS === 'android' ? 35 : 0,
   },
   loaderContainer: {
     flex: 1,

diff --git a/screens/ProfileScreen.js b/screens/ProfileScreen.js
@@ -70,7 +70,7 @@ const ProfileScreen = () => {
   };
 
   return (
-    <SafeAreaView style={{paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+    <SafeAreaView>
       <ScrollView>
         <View style={{padding: 12}}>
           <View

diff --git a/screens/RegisterScreen.js b/screens/RegisterScreen.js
@@ -30,7 +30,7 @@ const RegisterScreen = () => {
   };
 
   return (
-    <SafeAreaView style={{ flex: 1 , paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+    <SafeAreaView style={{ flex: 1}}>
       <View style={{ padding: 13 }}>
         <Text style={{ fontSize: 16, fontWeight: '500' }}>
           You're almost there!

diff --git a/screens/SelectImgScreen.js b/screens/SelectImgScreen.js
@@ -52,7 +52,7 @@ const SelectImage = () => {
 
   return (
     <>
-      <SafeAreaView style={{flex: 1, backgroundColor: 'white', paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+      <SafeAreaView style={{flex: 1, backgroundColor: 'white',}}>
         <View style={{marginHorizontal: 10}}>
           <Ionicons
             onPress={() => navigation.goBack()}

diff --git a/screens/SelectTimeScreen.js b/screens/SelectTimeScreen.js
@@ -112,7 +112,7 @@ const SelectTimeScreen = () => {
   }, [navigation]);
 
   return (
-    <SafeAreaView style={{paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+    <SafeAreaView>
     <View style={styles.container}>
       <View style={styles.timeSlotsContainer}>
         {times.map((item) => (

diff --git a/screens/SlotScreen.js b/screens/SlotScreen.js
@@ -387,7 +387,6 @@ import {
         <SafeAreaView
           style={{
             flex: 1,
-            paddingTop: Platform.OS === 'android' ? 35 : 0,
           }}>
           <ScrollView>
             <View

diff --git a/screens/SplashScreen.js b/screens/SplashScreen.js
@@ -9,7 +9,6 @@ const SplashScreen = () => {
         flex: 1,
         justifyContent: 'center',
         alignItems: 'center',
-        paddingTop: Platform.OS === 'android' ? 35 : 0
       }}>
       <View>
         <Image

diff --git a/screens/StartScreen.js b/screens/StartScreen.js
@@ -97,7 +97,7 @@ const StartScreen = () => {
 
   return (
     <>
-    <SafeAreaView style={{paddingTop: Platform.OS === 'android' ? 35 : 0}}>
+    <SafeAreaView>
       <MapView
         ref={mapView}
         style={{ width: '100%', height: 400 }}

diff --git a/screens/TagVenueScreen.js b/screens/TagVenueScreen.js
@@ -58,7 +58,6 @@ import {
         style={{
           flex: 1,
           backgroundColor: 'white',
-          paddingTop: Platform.OS === 'android' ? 35 : 0,
         }}
       >
         <View

diff --git a/screens/VenueInfoScreen.js b/screens/VenueInfoScreen.js
@@ -16,7 +16,6 @@ const VenueInfoScreen = () => {
     <SafeAreaView
       style={{
         flex: 1,
-        paddingTop: Platform.OS === 'android' ? 35 : 0,
       }}>
       <ScrollView>
         <>