From 9c232fd838534789654e360700e46753f8e6d1af Mon Sep 17 00:00:00 2001
From: Adrian Castro <22133246+castdrian@users.noreply.github.com>
Date: Wed, 20 Mar 2024 13:55:37 +0100
Subject: [PATCH] fix: settings sheet eating into notch (but now there's some
 leftover ugly bar that didn't move)

---
 apps/expo/app.config.ts                       |  2 +-
 .../src/components/player/settings/Sheet.tsx  | 37 +++++++++++--------
 2 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/apps/expo/app.config.ts b/apps/expo/app.config.ts
index 85a1434..05a7970 100644
--- a/apps/expo/app.config.ts
+++ b/apps/expo/app.config.ts
@@ -42,7 +42,7 @@ const defineConfig = (): ExpoConfig => ({
     [
       "expo-screen-orientation",
       {
-        initialOrientation: "PORTRAIT_UP",
+        initialOrientation: "ALL",
       },
     ],
     [
diff --git a/apps/expo/src/components/player/settings/Sheet.tsx b/apps/expo/src/components/player/settings/Sheet.tsx
index 011b2c2..d5a87af 100644
--- a/apps/expo/src/components/player/settings/Sheet.tsx
+++ b/apps/expo/src/components/player/settings/Sheet.tsx
@@ -1,4 +1,5 @@
 import type { SheetProps, ViewProps } from "tamagui";
+import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
 import {
   ScrollView,
   Separator,
@@ -52,22 +53,26 @@ function SettingsSheetFrame({
   isLoading?: boolean;
 }) {
   return (
-    <Sheet.Frame
-      backgroundColor="$playerSettingsBackground"
-      padding="$5"
-      gap="$4"
-    >
-      {isLoading && (
-        <Spinner
-          size="large"
-          color="$loadingIndicator"
-          style={{
-            position: "absolute",
-          }}
-        />
-      )}
-      {!isLoading && children}
-    </Sheet.Frame>
+    <SafeAreaProvider>
+      <SafeAreaView style={{ flex: 1 }}>
+        <Sheet.Frame
+          backgroundColor="$playerSettingsBackground"
+          padding="$5"
+          gap="$4"
+        >
+          {isLoading && (
+            <Spinner
+              size="large"
+              color="$loadingIndicator"
+              style={{
+                position: "absolute",
+              }}
+            />
+          )}
+          {!isLoading && children}
+        </Sheet.Frame>
+      </SafeAreaView>
+    </SafeAreaProvider>
   );
 }