81 lines
2.9 KiB
JavaScript
81 lines
2.9 KiB
JavaScript
import Button from './button'
|
|
import Search from './search'
|
|
import Text from './text'
|
|
import ResponsiveClassesComponent from '../features/ui/util/responsive_classes_component';
|
|
|
|
export default class LoggedOutNavigationBar extends PureComponent {
|
|
|
|
static propTypes = {
|
|
title: PropTypes.string,
|
|
showBackBtn: PropTypes.bool,
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<ResponsiveClassesComponent
|
|
classNames={[_s.default, _s.z4, _s.heightMin53PX, _s.width100PC].join(' ')}
|
|
classNamesXS={[_s.default, _s.z4, _s.heightMin98PX, _s.width100PC].join(' ')}
|
|
>
|
|
<ResponsiveClassesComponent
|
|
classNames={[_s.default, _s.heightMin53PX, _s.flexRow, _s.flexWrap, _s.bgNavigation, _s.alignItemsCenter, _s.z3, _s.top0, _s.right0, _s.left0, _s.posFixed].join(' ')}
|
|
classNamesXS={[_s.default, _s.heightMin98PX, _s.flexRow, _s.flexWrap, _s.bgNavigation, _s.alignItemsCenter, _s.z3, _s.top0, _s.right0, _s.left0, _s.posFixed].join(' ')}
|
|
>
|
|
|
|
<ResponsiveClassesComponent
|
|
classNames={[_s.default, _s.flexRow, _s.saveAreaInsetPT, _s.saveAreaInsetPL, _s.saveAreaInsetPR, _s.width330PX].join(' ')}
|
|
classNamesXS={[_s.default, _s.flexRow, _s.saveAreaInsetPT, _s.saveAreaInsetPL, _s.saveAreaInsetPR, _s.width100PC].join(' ')}
|
|
>
|
|
|
|
<Button
|
|
href='/'
|
|
color='none'
|
|
backgroundColor='none'
|
|
icon='logo'
|
|
iconClassName={[_s.mr5, _s.fillNavigation].join(' ')}
|
|
/>
|
|
|
|
<div className={[_s.default, _s.flexGrow1, _s.mr10].join(' ')}>
|
|
<Search isInNav />
|
|
</div>
|
|
|
|
</ResponsiveClassesComponent>
|
|
|
|
<ResponsiveClassesComponent
|
|
classNames={[_s.default, _s.flexRow, _s.py5, _s.px10, _s.width330PX, _s.mlAuto].join(' ')}
|
|
classNamesXS={[_s.default, _s.flexRow, _s.pb5, _s.px10, _s.width100PC].join(' ')}
|
|
>
|
|
|
|
<Button
|
|
isNarrow
|
|
isOutline
|
|
color='white'
|
|
backgroundColor='none'
|
|
href='/auth/log_in'
|
|
className={[_s.borderColorWhite, _s.mr5, _s.flexGrow1, _s.alignItemsCenter, _s.justifyContentCenter, _s.py7].join(' ')}
|
|
>
|
|
<Text color='inherit' weight='medium' align='center'>
|
|
Log in
|
|
</Text>
|
|
</Button>
|
|
|
|
<Button
|
|
isNarrow
|
|
color='brand'
|
|
backgroundColor='white'
|
|
href='/auth/sign_up'
|
|
className={[_s.justifyContentCenter, _s.alignItemsCenter, _s.ml5, _s.flexGrow1, _s.py7].join(' ')}
|
|
>
|
|
<Text color='inherit' weight='bold' align='center'>
|
|
Sign up
|
|
</Text>
|
|
</Button>
|
|
|
|
</ResponsiveClassesComponent>
|
|
|
|
</ResponsiveClassesComponent>
|
|
</ResponsiveClassesComponent>
|
|
)
|
|
}
|
|
|
|
}
|