minor changes

This commit is contained in:
Loewy 2024-02-07 21:17:23 -08:00
parent d483be05a6
commit 37004a1f6e
3 changed files with 33 additions and 16 deletions

View File

@ -2,9 +2,9 @@ import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
import { createNativeStackNavigator } from "@react-navigation/native-stack"; import { createNativeStackNavigator } from "@react-navigation/native-stack";
import { Image } from "react-native"; import { Image } from "react-native";
import CameraScreen from "../component/video/camera"; import CameraScreen from "../component/video/camera";
import Profile from "../screens/profile";
import Session from "../screens/session"; import Session from "../screens/session";
import RecordScreen from "../screens/video-stack/record"; import RecordScreen from "../screens/video-stack/record";
import Profile from "../screens/profile";
import { tabIconColors } from "../styles"; import { tabIconColors } from "../styles";
// TODO: add ts support for assets folder to use imports // TODO: add ts support for assets folder to use imports
@ -49,8 +49,6 @@ export default function Tabs(): React.JSX.Element {
}, },
})} })}
> >
<Tab.Screen <Tab.Screen
name="Session" name="Session"
component={Session} component={Session}

View File

@ -3,24 +3,43 @@ import { StyleSheet, Text, View } from "react-native";
import SignOutButton from "../component/buttons/sign-out"; import SignOutButton from "../component/buttons/sign-out";
import { useAuth } from "../context"; import { useAuth } from "../context";
// Session Mock - can be used for session summary screen using a query handler component // Profile Mock - can be used for session summary screen using a query handler component
// BarGraph component using mocked data currently // Sign out button only functional when NOT using dev env
export default function ProfileScreen() { export default function ProfileScreen() {
const { user } = useAuth(); const { user } = useAuth();
return ( return (
<View style={StyleSheet.absoluteFill}> <View style={styles.container}>
{user && ( {user && (
<> <>
<Text style={{ marginTop: 10 }}> <View style={styles.userInfo}>
<Text>
Display name: {user?.displayName} Display name: {user?.displayName}
</Text> </Text>
<Text>Phone number: {user?.phoneNumber}</Text> <Text>
Phone number: {user?.phoneNumber}
</Text>
</View>
<View style={styles.signOutButton}>
<SignOutButton />
</View>
</> </>
)} )}
<SignOutButton />
</View> </View>
); );
} }
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "space-between",
},
userInfo: {
marginTop: 10,
paddingHorizontal: 10,
},
signOutButton: {
paddingBottom: "5%",
paddingHorizontal: "25%"
},
});

View File

@ -13,9 +13,9 @@ export const colors = {
}; };
export const tabIconColors = { export const tabIconColors = {
default: '#1D1B20', default: "#1D1B20",
selected: '#598EBB', selected: "#598EBB",
} };
export const shadows = { export const shadows = {
standard: { standard: {