From 5083320a56dfcf6ff464fb43c9f3c836ef4b4780 Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Thu, 17 Oct 2024 10:18:02 -0500
Subject: [PATCH] styling?

---
 components/jellify.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/jellify.tsx b/components/jellify.tsx
index caff48b0..1e42a14f 100644
--- a/components/jellify.tsx
+++ b/components/jellify.tsx
@@ -1,13 +1,14 @@
-import { ActivityIndicator, SafeAreaView, Text, useColorScheme } from "react-native";
+import { useColorScheme } from "react-native";
 import { Colors } from "react-native/Libraries/NewAppScreen";
 import { setupPlayer } from "react-native-track-player/lib/src/trackPlayer";
 import _ from "lodash";
-import { JellyfinApiClientContext, JellyfinApiClientProvider, useApiClientContext } from "./jellyfin-api-provider";
-import React, { useContext, useEffect } from "react";
+import { JellyfinApiClientProvider, useApiClientContext } from "./jellyfin-api-provider";
+import React, {  } from "react";
 import { NavigationContainer } from "@react-navigation/native";
 import Login from "./Login/component";
 import Navigation from "./navigation";
 import { jellifyStyles } from "./styles";
+import { View } from "react-native-ui-lib";
 
 export default function Jellify(): React.JSX.Element {
 
@@ -32,7 +33,7 @@ function conditionalHomeRender(): React.JSX.Element {
   const apiClientContext = useApiClientContext();
   
   return (
-    <SafeAreaView style={jellifyStyles.container}>
+    <View useSafeArea style={jellifyStyles.container}>
       { !_.isUndefined(apiClientContext.apiClient) ? (
         <Navigation />
       ) : (
@@ -40,6 +41,6 @@ function conditionalHomeRender(): React.JSX.Element {
           <Login /> 
         </NavigationContainer>
       )}
-      </SafeAreaView>
+      </View>
   );
 }
\ No newline at end of file