e9475219c9
• Added: - welcome page/introduction/onboarding flow • Todo: - clean up code for showing new user the page - add code for saving profile, cover photos, display name from intro slides
40 lines
1.0 KiB
JavaScript
40 lines
1.0 KiB
JavaScript
import Block from '../components/block'
|
|
import NavigationBar from '../components/navigation_bar'
|
|
|
|
export default class IntroductionLayout extends PureComponent {
|
|
|
|
static propTypes = {
|
|
children: PropTypes.node,
|
|
title: PropTypes.string,
|
|
}
|
|
|
|
render() {
|
|
const { children, title } = this.props
|
|
|
|
return (
|
|
<div className={[_s.default, _s.width100PC, _s.heightMin100VH, _s.bgTertiary].join(' ')}>
|
|
|
|
<NavigationBar title={title} noSearch noActions />
|
|
|
|
<div className={[_s.default, _s.flexRow, _s.width100PC].join(' ')}>
|
|
<div className={[_s.default, _s.width100PC].join(' ')}>
|
|
<main role='main'>
|
|
<div className={[_s.default, _s.alignItemsCenter, _s.py15, _s.px15, _s.mlAuto, _s.mrAuto].join(' ')}>
|
|
|
|
<div className={[_s.default, _s.width645PX, _s.maxWidth100PC42PX].join(' ')}>
|
|
<Block>
|
|
{children}
|
|
</Block>
|
|
</div>
|
|
|
|
</div>
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
)
|
|
}
|
|
|
|
}
|