Tma235/231 Individual view and horizontal view (#59)

* Implemented modal stack navigation for moment view, created a rough UI for individual moment view [incl: title, image(not displayed)]

* bare bones beginnning

* Created individual moment screen, moment tile for horizontal view

* Alert

* Fix initial route

Co-authored-by: Ashm Walia <ashmwalia@outlook.com>
Co-authored-by: Ashm Walia <40498934+ashmgarv@users.noreply.github.com>

1 files changed, 4 insertions, 7 deletions

diff --git a/src/routes/tabs/NavigationBar.tsx b/src/routes/tabs/NavigationBar.tsx
index 2852b565..f05a512b 100644
--- a/src/routes/tabs/NavigationBar.tsx
+++ b/src/routes/tabs/NavigationBar.tsx
@@ -3,6 +3,7 @@ import React from 'react';
 import {NavigationIcon} from '../../components';
 import {Home, Notifications, Upload} from '../../screens';
 import Profile from '../profile';
+import MomentStackScreen from '../profile/MomentStackScreen';
 
 const Tabs = createBottomTabNavigator();
 
@@ -35,7 +36,7 @@ const NavigationBar: React.FC = () => {
             ) : (
               <NavigationIcon tab="Notifications" disabled={true} />
             );
-          } else if (route.name === 'Profile') {
+          } else if (route.name === 'MomentStackScreen') {
             return focused ? (
               <NavigationIcon tab="Profile" disabled={false} />
             ) : (
@@ -44,7 +45,7 @@ const NavigationBar: React.FC = () => {
           }
         },
       })}
-      initialRouteName="Profile"
+      initialRouteName="MomentStackScreen"
       tabBarOptions={{
         showLabel: false,
         style: {
@@ -64,11 +65,7 @@ const NavigationBar: React.FC = () => {
       />
       <Tabs.Screen name="Upload" component={Upload} />
       <Tabs.Screen name="Notifications" component={Notifications} />
-      <Tabs.Screen
-        name="Profile"
-        component={Profile}
-        initialParams={{isProfileView: false}}
-      />
+      <Tabs.Screen name="MomentStackScreen" component={MomentStackScreen} />
     </Tabs.Navigator>
   );
 };