From 37004a1f6e1c92bcd4614c6706e951faaa39de99 Mon Sep 17 00:00:00 2001
From: Loewy <loewy@chainstarters.com>
Date: Wed, 7 Feb 2024 21:17:23 -0800
Subject: [PATCH] minor changes

---
 src/navigation/tab-navigator.tsx |  4 +---
 src/screens/profile.tsx          | 39 ++++++++++++++++++++++++--------
 src/styles.ts                    |  6 ++---
 3 files changed, 33 insertions(+), 16 deletions(-)

diff --git a/src/navigation/tab-navigator.tsx b/src/navigation/tab-navigator.tsx
index 21a6c88..28fd8ca 100644
--- a/src/navigation/tab-navigator.tsx
+++ b/src/navigation/tab-navigator.tsx
@@ -2,9 +2,9 @@ import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
 import { createNativeStackNavigator } from "@react-navigation/native-stack";
 import { Image } from "react-native";
 import CameraScreen from "../component/video/camera";
+import Profile from "../screens/profile";
 import Session from "../screens/session";
 import RecordScreen from "../screens/video-stack/record";
-import Profile from "../screens/profile";
 import { tabIconColors } from "../styles";
 
 // TODO: add ts support for assets folder to use imports
@@ -49,8 +49,6 @@ export default function Tabs(): React.JSX.Element {
 				},
 			})}
 		>
-
-			
 			<Tab.Screen
 				name="Session"
 				component={Session}
diff --git a/src/screens/profile.tsx b/src/screens/profile.tsx
index b0506b0..9e73b38 100644
--- a/src/screens/profile.tsx
+++ b/src/screens/profile.tsx
@@ -3,24 +3,43 @@ import { StyleSheet, Text, View } from "react-native";
 import SignOutButton from "../component/buttons/sign-out";
 import { useAuth } from "../context";
 
-// Session Mock - can be used for session summary screen using a query handler component
-// BarGraph component using mocked data currently
+// Profile Mock - can be used for session summary screen using a query handler component
+// Sign out button only functional when NOT using dev env
 export default function ProfileScreen() {
 	const { user } = useAuth();
-	
 
 	return (
-		<View style={StyleSheet.absoluteFill}>
-
+		<View style={styles.container}>
 			{user && (
 				<>
-					<Text style={{ marginTop: 10 }}>
-						Display name: {user?.displayName}
-					</Text>
-					<Text>Phone number: {user?.phoneNumber}</Text>
+					<View style={styles.userInfo}>
+						<Text>
+							Display name: {user?.displayName}
+						</Text>
+						<Text>
+							Phone number: {user?.phoneNumber}
+						</Text>
+					</View>
+					<View style={styles.signOutButton}>
+						<SignOutButton />
+					</View>
 				</>
 			)}
-			<SignOutButton />
 		</View>
 	);
 }
+
+const styles = StyleSheet.create({
+	container: {
+		flex: 1,
+		justifyContent: "space-between",
+	},
+	userInfo: {
+		marginTop: 10,
+		paddingHorizontal: 10,
+	},
+	signOutButton: {
+		paddingBottom: "5%",
+    paddingHorizontal: "25%"
+	},
+});
diff --git a/src/styles.ts b/src/styles.ts
index 558b7b5..6bc4d06 100644
--- a/src/styles.ts
+++ b/src/styles.ts
@@ -13,9 +13,9 @@ export const colors = {
 };
 
 export const tabIconColors = {
-	default: '#1D1B20',
-	selected: '#598EBB',
-}
+	default: "#1D1B20",
+	selected: "#598EBB",
+};
 
 export const shadows = {
 	standard: {