Added noSearch prop to NavigationBar

• Added:
- noSearch prop to NavigationBar
This commit is contained in:
mgabdev 2020-06-10 12:03:19 -04:00
parent 2316494f58
commit 7c32c3e2ee

View File

@ -47,6 +47,7 @@ class NavigationBar extends ImmutablePureComponent {
showBackBtn: PropTypes.bool, showBackBtn: PropTypes.bool,
onOpenSidebar: PropTypes.func.isRequired, onOpenSidebar: PropTypes.func.isRequired,
onOpenNavSettingsPopover: PropTypes.func.isRequired, onOpenNavSettingsPopover: PropTypes.func.isRequired,
noSearch: PropTypes.bool,
} }
handleOnOpenNavSettingsPopover = () => { handleOnOpenNavSettingsPopover = () => {
@ -65,9 +66,9 @@ class NavigationBar extends ImmutablePureComponent {
tabs, tabs,
account, account,
onOpenSidebar, onOpenSidebar,
noSearch,
} = this.props } = this.props
return ( return (
<div className={[_s.default, _s.z4, _s.heightMin53PX, _s.width100PC].join(' ')}> <div className={[_s.default, _s.z4, _s.heightMin53PX, _s.width100PC].join(' ')}>
<div className={[_s.default, _s.heightMin53PX, _s.bgNavigation, _s.alignItemsCenter, _s.z3, _s.top0, _s.right0, _s.left0, _s.posFixed].join(' ')} > <div className={[_s.default, _s.heightMin53PX, _s.bgNavigation, _s.alignItemsCenter, _s.z3, _s.top0, _s.right0, _s.left0, _s.posFixed].join(' ')} >
@ -93,9 +94,12 @@ class NavigationBar extends ImmutablePureComponent {
</Button> </Button>
</h1> </h1>
<div className={[_s.default, _s.width340PX].join(' ')}> {
<Search isInNav /> !noSearch &&
</div> <div className={[_s.default, _s.width340PX, _s.mr10].join(' ')}>
<Search isInNav />
</div>
}
</div> </div>
@ -103,6 +107,7 @@ class NavigationBar extends ImmutablePureComponent {
<div className={[_s.default, _s.height53PX, _s.pl15, _s.flexRow, _s.alignItemsCenter, _s.justifyContentSpaceBetween].join(' ')}> <div className={[_s.default, _s.height53PX, _s.pl15, _s.flexRow, _s.alignItemsCenter, _s.justifyContentSpaceBetween].join(' ')}>
<NavigationBarButton title='Home' icon='home' to='/home' /> <NavigationBarButton title='Home' icon='home' to='/home' />
<NavigationBarButton title='Explore' icon='explore' to='/explore' />
<NavigationBarButtonDivider /> <NavigationBarButtonDivider />