de834cd586
• Updated: - Introduction/onboarding flow • Added: - autoJoinGroup to default "Introduce Yourself" group in gab.com if you post the welcome post in introduction last slide
130 lines
3.4 KiB
JavaScript
130 lines
3.4 KiB
JavaScript
'use strict'
|
|
|
|
import { Provider } from 'react-redux'
|
|
import configureStore from '../store/configureStore'
|
|
import { BrowserRouter, Route } from 'react-router-dom'
|
|
import moment from 'moment-mini'
|
|
import { ScrollContext } from 'react-router-scroll-4'
|
|
import { IntlProvider, addLocaleData } from 'react-intl'
|
|
import { fetchCustomEmojis } from '../actions/custom_emojis'
|
|
import { hydrateStore } from '../actions/store'
|
|
import { MIN_ACCOUNT_CREATED_AT_ONBOARDING } from '../constants'
|
|
import {
|
|
connectUserStream,
|
|
connectStatusUpdateStream,
|
|
} from '../actions/streaming'
|
|
import { getLocale } from '../locales'
|
|
import initialState from '../initial_state'
|
|
import { me, isFirstSession } from '../initial_state'
|
|
import UI from '../features/ui'
|
|
import IntroductionPage from '../pages/introduction_page'
|
|
import ErrorBoundary from '../components/error_boundary'
|
|
import Display from './display'
|
|
|
|
const { localeData, messages } = getLocale()
|
|
addLocaleData(localeData)
|
|
|
|
export const store = configureStore()
|
|
const hydrateAction = hydrateStore(initialState)
|
|
|
|
store.dispatch(hydrateAction)
|
|
store.dispatch(fetchCustomEmojis())
|
|
|
|
const mapStateToProps = (state) => ({
|
|
accountCreatedAt: !!me ? state.getIn(['accounts', me, 'created_at']) : undefined,
|
|
shownOnboarding: state.getIn(['settings', 'shownOnboarding']),
|
|
})
|
|
|
|
@connect(mapStateToProps)
|
|
class GabSocialMount extends PureComponent {
|
|
|
|
static propTypes = {
|
|
shownOnboarding: PropTypes.bool.isRequired,
|
|
accountCreatedAt: PropTypes.string,
|
|
}
|
|
|
|
state = {
|
|
shownOnboarding: this.props.shownOnboarding,
|
|
shouldShow: false,
|
|
}
|
|
|
|
componentDidMount() {
|
|
if (!!me && this.props.accountCreatedAt) {
|
|
//If first time opening app, and is new user, show onboarding
|
|
const accountCreatedAtValue = moment(this.props.accountCreatedAt).valueOf()
|
|
const shouldShow = isFirstSession && !this.state.shownOnboarding && accountCreatedAtValue > MIN_ACCOUNT_CREATED_AT_ONBOARDING
|
|
|
|
if (shouldShow) this.setState({ shouldShow })
|
|
}
|
|
}
|
|
|
|
render () {
|
|
const { shownOnboarding, shouldShow } = this.state
|
|
|
|
if (!shownOnboarding && shouldShow) {
|
|
return (
|
|
<BrowserRouter>
|
|
<Route path='/' component={IntroductionPage} />
|
|
</BrowserRouter>
|
|
)
|
|
}
|
|
|
|
return (
|
|
<BrowserRouter>
|
|
<ScrollContext>
|
|
<Route path='/' component={UI} />
|
|
</ScrollContext>
|
|
</BrowserRouter>
|
|
)
|
|
}
|
|
|
|
}
|
|
|
|
export default class GabSocial extends PureComponent {
|
|
|
|
static propTypes = {
|
|
locale: PropTypes.string.isRequired,
|
|
}
|
|
|
|
componentDidMount() {
|
|
if (!!me) {
|
|
this.disconnect = store.dispatch(connectUserStream())
|
|
store.dispatch(connectStatusUpdateStream())
|
|
}
|
|
|
|
console.log('%c Gab Social ', [
|
|
, 'color: #30CE7D'
|
|
, 'display: block'
|
|
, 'line-height: 80px'
|
|
, 'font-family: system-ui, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, "Helvetica Neue", sans-serif'
|
|
, 'font-size: 36px'
|
|
, 'text-align: center'
|
|
, 'font-weight: bold'
|
|
].join(';'))
|
|
}
|
|
|
|
componentWillUnmount () {
|
|
if (this.disconnect) {
|
|
this.disconnect()
|
|
this.disconnect = null
|
|
}
|
|
}
|
|
|
|
render () {
|
|
const { locale } = this.props
|
|
|
|
return (
|
|
<IntlProvider locale={locale} messages={messages}>
|
|
<Provider store={store}>
|
|
<Display>
|
|
<ErrorBoundary>
|
|
<GabSocialMount />
|
|
</ErrorBoundary>
|
|
</Display>
|
|
</Provider>
|
|
</IntlProvider>
|
|
)
|
|
}
|
|
|
|
}
|