From 31a19070d5f0610b59d708409b88523a8e023210 Mon Sep 17 00:00:00 2001
From: Jeremy Green <20728342+jg210@users.noreply.github.com>
Date: Thu, 7 Mar 2024 16:17:12 +0000
Subject: [PATCH] Add SafeAreaView from react-native-safe-area-context.

---
 App.tsx           |  7 ++++---
 package-lock.json | 12 +++++++++++-
 package.json      |  3 ++-
 3 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/App.tsx b/App.tsx
index 782b2b0..5a36e66 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,6 +1,7 @@
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { Suspense } from "react";
-import { StyleSheet, Text, View } from "react-native";
+import { StyleSheet, Text } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
 
 import { Authorities } from "./src/Authorities";
 
@@ -12,9 +13,9 @@ export default function App() {
   return (
     <Suspense fallback={<Fallback />}>
       <QueryClientProvider client={queryClient}>
-        <View style={styles.container}>
+        <SafeAreaView style={styles.container}>
           <Authorities />
-        </View>
+        </SafeAreaView>
       </QueryClientProvider>
     </Suspense>
   );
diff --git a/package-lock.json b/package-lock.json
index e1a2bad..0ab08c4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,8 @@
         "expo": "50.0.11",
         "expo-status-bar": "1.11.1",
         "react": "18.2.0",
-        "react-native": "0.73.4"
+        "react-native": "0.73.4",
+        "react-native-safe-area-context": "4.8.2"
       },
       "devDependencies": {
         "@babel/core": "7.24.0",
@@ -13740,6 +13741,15 @@
         "react": "18.2.0"
       }
     },
+    "node_modules/react-native-safe-area-context": {
+      "version": "4.8.2",
+      "resolved": "https://registry.npmjs.org/react-native-safe-area-context/-/react-native-safe-area-context-4.8.2.tgz",
+      "integrity": "sha512-ffUOv8BJQ6RqO3nLml5gxJ6ab3EestPiyWekxdzO/1MQ7NF8fW1Mzh1C5QE9yq573Xefnc7FuzGXjtesZGv7cQ==",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/react-native/node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
diff --git a/package.json b/package.json
index e7d9b8e..234da09 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,8 @@
     "expo": "50.0.11",
     "expo-status-bar": "1.11.1",
     "react": "18.2.0",
-    "react-native": "0.73.4"
+    "react-native": "0.73.4",
+    "react-native-safe-area-context": "4.8.2"
   },
   "devDependencies": {
     "@babel/core": "7.24.0",