From de01bad3e8ed87a8914878c94bb4189389bbc4e6 Mon Sep 17 00:00:00 2001
From: noumantahir <nouman.hawkdev@gmail.com>
Date: Tue, 22 Oct 2024 19:25:13 +0500
Subject: [PATCH] consistent top header padding across devices

---
 package.json                               | 2 +-
 src/components/header/view/headerStyles.ts | 5 ++---
 src/components/header/view/headerView.tsx  | 5 +++--
 yarn.lock                                  | 8 ++++----
 4 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 1e1f3bc5f..29c2970b2 100644
--- a/package.json
+++ b/package.json
@@ -148,7 +148,7 @@
     "react-native-receive-sharing-intent": "^2.0.0",
     "react-native-render-html": "^6.0.5",
     "react-native-restart": "^0.0.24",
-    "react-native-safe-area-context": "^4.7.4",
+    "react-native-safe-area-context": "^4.11.1",
     "react-native-screens": "3.27.0",
     "react-native-select-dropdown": "^3.4.0",
     "react-native-slider": "^0.11.0",
diff --git a/src/components/header/view/headerStyles.ts b/src/components/header/view/headerStyles.ts
index e715052aa..2f4aeb30d 100644
--- a/src/components/header/view/headerStyles.ts
+++ b/src/components/header/view/headerStyles.ts
@@ -1,13 +1,12 @@
 import EStyleSheet from 'react-native-extended-stylesheet';
-import { Platform } from 'react-native';
 
 export default EStyleSheet.create({
   container: {
     flexDirection: 'row',
     width: '100%',
     backgroundColor: '$primaryBackgroundColor',
-    flex: 1,
-    maxHeight: Platform.OS === 'ios' ? 105 : 80,
+    paddingTop:8,
+    paddingBottom:12,
   },
   containerReverse: {
     justifyContent: 'space-between',
diff --git a/src/components/header/view/headerView.tsx b/src/components/header/view/headerView.tsx
index 3cd9719c6..eb7eac11d 100644
--- a/src/components/header/view/headerView.tsx
+++ b/src/components/header/view/headerView.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { View, Text, SafeAreaView, TouchableOpacity } from 'react-native';
+import { View, Text, TouchableOpacity} from 'react-native';
 import LinearGradient from 'react-native-linear-gradient';
 import { useIntl } from 'react-intl';
 
@@ -14,6 +14,7 @@ import ROUTES from '../../../constants/routeNames';
 
 // Styles
 import styles from './headerStyles';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 const HeaderView = ({
   displayName,
@@ -134,7 +135,7 @@ const HeaderView = ({
   );
 
   return (
-    <SafeAreaView style={[styles.container, isReverse && styles.containerReverse]}>
+    <SafeAreaView edges={['top']} style={[styles.container, isReverse && styles.containerReverse]}>
       {!hideUser && (
         <>
           <SearchModal
diff --git a/yarn.lock b/yarn.lock
index d51a8d53b..527231659 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -11588,10 +11588,10 @@ react-native-restart@^0.0.24:
   resolved "https://registry.yarnpkg.com/react-native-restart/-/react-native-restart-0.0.24.tgz#c7036f25d900d9221b84d3e5129b02d4289d4e94"
   integrity sha512-pvJNU3NwQk6bCG2gOWcQpZ4IxhtELB0K9gzmtixfsaTFbW1UXXHkJNjk1kHazcbH5hrD7QbUkR63fsAVh8X4VQ==
 
-react-native-safe-area-context@^4.7.4:
-  version "4.8.0"
-  resolved "https://registry.yarnpkg.com/react-native-safe-area-context/-/react-native-safe-area-context-4.8.0.tgz#9fce29095b11deeead8da0abce32ee729fb3eb41"
-  integrity sha512-UTmn0jvikcA8LeCQuEV4/bQ1ZLODSaaEXKSK3wUskNwmtIgHFzT3lLXOBucFnyDYIxviJSWJeVc77eeBXc0UCA==
+react-native-safe-area-context@^4.11.1:
+  version "4.11.1"
+  resolved "https://registry.yarnpkg.com/react-native-safe-area-context/-/react-native-safe-area-context-4.11.1.tgz#dae959f4512ca125f087a44c16b2c23de10b0e29"
+  integrity sha512-urF1m4nFiZFaWjsv2zj8J/hKvo4b2tJW+6CYU1mY4lKv1RwhG2eV8J/EHKuNlLhATZx3+6j7szrpHrQW2ZcAaQ==
 
 react-native-safe-area-context@^4.8.2:
   version "4.9.0"