diff options
author | Leon Jiang <35908040+leonyjiang@users.noreply.github.com> | 2020-08-05 14:15:06 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-08-05 17:15:06 -0400 |
commit | 1279249ee9355f88913578f51e3b0bf7d99672f6 (patch) | |
tree | 4a72890af331ffc818fffc9fb5395a80efe2d7de /src/routes/NavigationBar.tsx | |
parent | f9cf9b5d89d5e25b227814f0fc759257564cea89 (diff) |
[TMA-122] User Profile Screen UI (#27)
* Fix yarn lint issues
* Add react-native-svg to project
* Create UserType & PostType
* Create temporary Post component
* Fix import cycle warning, update AuthContext
* Update onboarding screen imports
* Update config files
* Add rn-fetch-blob package
* Update types
* Add profile fetching to AuthContext
* Update post component
* Import placeholder images from designs
* Add profile UI components
* Create screen offset constants
* Add new api endpoints
* Create screen layout utils
* Create Profile screen UI
* Remove some unused styling
* Restructure ProfileScreen and fix animations
* Add gradient back to screen
* Update Moment circle styling
Diffstat (limited to 'src/routes/NavigationBar.tsx')
-rw-r--r-- | src/routes/NavigationBar.tsx | 75 |
1 files changed, 0 insertions, 75 deletions
diff --git a/src/routes/NavigationBar.tsx b/src/routes/NavigationBar.tsx deleted file mode 100644 index 84c18e00..00000000 --- a/src/routes/NavigationBar.tsx +++ /dev/null @@ -1,75 +0,0 @@ -import React from 'react'; -import {ViewProps} from 'react-native'; -import {createBottomTabNavigator} from '@react-navigation/bottom-tabs'; -import {Fragment} from 'react'; -import {NavigationIcon} from '../components'; -import {Home, Notifications, Profile, Search, Upload} from '../screens/main'; - -interface NavigationBarProps extends ViewProps { - centered?: boolean; -} - -const Tab = createBottomTabNavigator(); - -const NavigationBar: React.FC<NavigationBarProps> = () => { - return ( - <Fragment> - <Tab.Navigator - screenOptions={({route}) => ({ - tabBarIcon: ({focused}) => { - if (route.name === 'Home') { - return focused ? ( - <NavigationIcon tab="Home" disabled={false} /> - ) : ( - <NavigationIcon tab="Home" disabled={true} /> - ); - } else if (route.name === 'Search') { - return focused ? ( - <NavigationIcon tab="Search" disabled={false} /> - ) : ( - <NavigationIcon tab="Search" disabled={true} /> - ); - } else if (route.name === 'Upload') { - return focused ? ( - <NavigationIcon tab="Upload" disabled={false} /> - ) : ( - <NavigationIcon tab="Upload" disabled={true} /> - ); - } else if (route.name === 'Notifications') { - return focused ? ( - <NavigationIcon tab="Notifications" disabled={false} /> - ) : ( - <NavigationIcon tab="Notifications" disabled={true} /> - ); - } else if (route.name === 'Profile') { - return focused ? ( - <NavigationIcon tab="Profile" disabled={false} /> - ) : ( - <NavigationIcon tab="Profile" disabled={true} /> - ); - } - }, - })} - initialRouteName="Home" - tabBarOptions={{ - showLabel: false, - style: { - backgroundColor: 'transparent', - position: 'absolute', - borderTopWidth: 0, - left: 0, - right: 0, - bottom: 0, - }, - }}> - <Tab.Screen name="Home" component={Home} /> - <Tab.Screen name="Search" component={Search} /> - <Tab.Screen name="Upload" component={Upload} /> - <Tab.Screen name="Notifications" component={Notifications} /> - <Tab.Screen name="Profile" component={Profile} /> - </Tab.Navigator> - </Fragment> - ); -}; - -export default NavigationBar; |