random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated Introduction/onboarding flow

Browse Source 
• Updated:
- Introduction/onboarding flow

• Added:
- autoJoinGroup to default "Introduce Yourself" group in gab.com if you post the welcome post in introduction last slide
This commit is contained in:
mgabdev
2020-07-14 22:31:54 -05:00
parent 0eb3ae2dfa
commit de834cd586
11 changed files with 236 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
app/javascript/gabsocial/layouts/introduction_layout.js
View File

@@ -1,20 +1,34 @@
import Block from '../components/block'
import NavigationBar from '../components/navigation_bar'
import Icon from '../components/icon'
import BundleColumnError from '../components/bundle_column_error'
import Bundle from '../features/ui/util/bundle'
import { Introduction } from '../features/ui/util/async_components'
export default class IntroductionLayout extends PureComponent {
static propTypes = {
children: PropTypes.node,
title: PropTypes.string,
renderError = (props) => {
return <BundleColumnError {...props} />
}
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.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.saveAreaInsetPT, _s.saveAreaInsetPL, _s.saveAreaInsetPR, _s.flexRow, _s.width1255PX].join(' ')}>
<div className={[_s.default, _s.flexRow].join(' ')}>
<h1 className={[_s.default, _s.mr15].join(' ')}>
<div className={[_s.default, _s.justifyContentCenter, _s.noSelect, _s.noUnderline, _s.height53PX, _s.px10, _s.mr15].join(' ')}>
<Icon id='logo' className={_s.fillNavigationBrand} />
</div>
</h1>
</div>
</div>
</div>
</div>
<div className={[_s.default, _s.flexRow, _s.width100PC].join(' ')}>
<div className={[_s.default, _s.width100PC].join(' ')}>
@@ -23,7 +37,9 @@ export default class IntroductionLayout extends PureComponent {
<div className={[_s.default, _s.width645PX, _s.maxWidth100PC42PX].join(' ')}>
<Block>
{children}
<Bundle fetchComponent={Introduction} error={this.renderError}>
{Component => (<Component />)}
</Bundle>
</Block>
</div>