Adding change of profiles and Profile on tab bar

2023-01-24 22:42:22 -05:00
parent 47f3ad5919
commit 93b84ada33
4 changed files with 158 additions and 30 deletions
--- a/App.js
+++ b/App.js
@@ -207,15 +207,20 @@ const MainNavigation = () => {
                }}
            />
            <Tab.Screen
-                name="Menu"
-                component={MenuView}
+                name="MyProfile"
+                component={Profile}
                options={{
-                    tabBarLabel: 'Menu',
+                    tabBarLabel: viewer.profile?.firstName,
                    tabBarIcon: ({ color }) => (
-                        <MaterialIcons name="menu" color={color} size={26} />
+                        <MaterialIcons name="person" color={color} size={26} />
                    ),
                    header: () => { <></> },
                }}
+                listeners={({ navigation, route }) => ({
+                    tabPress: e => {
+                        navigation.navigate('MyProfile', {profileid: viewer._id});
+                    },
+                })}
            />
            {/*
            <Tab.Screen
@@ -285,6 +290,10 @@ export default function App() {
                        name="Invite"
                        component={InviteView}
                    />
+                    <Stack.Screen
+                        name="Menu"
+                        component={MenuView}
+                    />
                    <Stack.Screen
                        name="Notifications"
                        component={NotificationsView}