From 682d243caa68303665dff8c88dc5a56cd74c3cca Mon Sep 17 00:00:00 2001
From: Violet Caulfield <violet@cosmonautical.cloud>
Date: Sat, 23 Nov 2024 08:25:10 -0600
Subject: [PATCH] removing safeareacontext in leiu of header

adding tab bar to authenticated screen
---
 components/Home/component.tsx |  2 --
 components/navigation.tsx     |  8 ++++----
 components/tabs.tsx           | 13 +++++++++++++
 3 files changed, 17 insertions(+), 6 deletions(-)
 create mode 100644 components/tabs.tsx

diff --git a/components/Home/component.tsx b/components/Home/component.tsx
index 23dbe2a6..f7ca7837 100644
--- a/components/Home/component.tsx
+++ b/components/Home/component.tsx
@@ -10,7 +10,6 @@ export default function Home(): React.JSX.Element {
     const { apiClient } = useApiClientContext();
 
     return (
-        <SafeAreaView>
             <ScrollView paddingLeft={10}>
                 <YStack alignContent='flex-start'>
                     <Heading>Hi there</Heading>
@@ -19,6 +18,5 @@ export default function Home(): React.JSX.Element {
                     </ScrollView>
                 </YStack>
             </ScrollView>
-        </SafeAreaView>
     );
 }
\ No newline at end of file
diff --git a/components/navigation.tsx b/components/navigation.tsx
index 7902cacb..5a57ab89 100644
--- a/components/navigation.tsx
+++ b/components/navigation.tsx
@@ -1,6 +1,6 @@
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
-import Home from "./Home/component";
 import Player from "./Player/component";
+import { Tabs } from "./tabs";
 
 export default function Navigation(): React.JSX.Element {
 
@@ -10,10 +10,10 @@ export default function Navigation(): React.JSX.Element {
       <RootStack.Navigator>
       <RootStack.Group>
         <RootStack.Screen 
-          name="Home" 
-          component={Home}
+          name="Tabs" 
+          component={Tabs}
           options={{
-            headerTitle: undefined
+            headerShown: false
           }}
         />
       </RootStack.Group>
diff --git a/components/tabs.tsx b/components/tabs.tsx
new file mode 100644
index 00000000..90228228
--- /dev/null
+++ b/components/tabs.tsx
@@ -0,0 +1,13 @@
+import React from "react";
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
+import Home from "./Home/component";
+
+const Tab = createBottomTabNavigator();
+
+export function Tabs() {
+    return (
+        <Tab.Navigator>
+            <Tab.Screen name="Home" component={Home} />
+        </Tab.Navigator>
+    )
+}
\ No newline at end of file