117 lines
3.6 KiB
JavaScript
117 lines
3.6 KiB
JavaScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React, {PureComponent} from 'react';
|
|
import PropTypes from 'prop-types';
|
|
import {IntlProvider} from 'react-intl';
|
|
import {Platform} from 'react-native';
|
|
|
|
import {resetToTeams} from '@actions/navigation';
|
|
import {Client4} from '@client/rest';
|
|
import {NavigationTypes} from '@constants';
|
|
import {getTranslations, getLocaleFromLanguage} from '@i18n';
|
|
import EventEmitter from '@mm-redux/utils/event_emitter';
|
|
|
|
export default class Root extends PureComponent {
|
|
static propTypes = {
|
|
children: PropTypes.node,
|
|
excludeEvents: PropTypes.bool,
|
|
currentUrl: PropTypes.string,
|
|
locale: PropTypes.string.isRequired,
|
|
theme: PropTypes.object.isRequired,
|
|
};
|
|
|
|
componentDidMount() {
|
|
Client4.setAcceptLanguage(this.props.locale);
|
|
|
|
if (!this.props.excludeEvents) {
|
|
EventEmitter.on(NavigationTypes.NAVIGATION_NO_TEAMS, this.handleNoTeams);
|
|
EventEmitter.on(NavigationTypes.NAVIGATION_ERROR_TEAMS, this.errorTeamsList);
|
|
}
|
|
}
|
|
|
|
componentDidUpdate(prevProps) {
|
|
if (prevProps.locale !== this.props.locale) {
|
|
Client4.setAcceptLanguage(this.props.locale);
|
|
}
|
|
}
|
|
|
|
componentWillUnmount() {
|
|
if (!this.props.excludeEvents) {
|
|
EventEmitter.off(NavigationTypes.NAVIGATION_NO_TEAMS, this.handleNoTeams);
|
|
EventEmitter.off(NavigationTypes.NAVIGATION_ERROR_TEAMS, this.errorTeamsList);
|
|
}
|
|
}
|
|
|
|
setProviderRef = (ref) => {
|
|
this.providerRef = ref;
|
|
}
|
|
|
|
handleNoTeams = () => {
|
|
if (!this.providerRef) {
|
|
setTimeout(this.handleNoTeams, 200);
|
|
return;
|
|
}
|
|
this.navigateToTeamsPage('SelectTeam');
|
|
};
|
|
|
|
errorTeamsList = () => {
|
|
if (!this.providerRef) {
|
|
setTimeout(this.errorTeamsList, 200);
|
|
return;
|
|
}
|
|
this.navigateToTeamsPage('ErrorTeamsList', true);
|
|
}
|
|
|
|
navigateToTeamsPage = (screen, error = false) => {
|
|
const {currentUrl, theme} = this.props;
|
|
const {intl} = this.providerRef.getChildContext();
|
|
|
|
let passProps = {theme};
|
|
const options = {topBar: {}};
|
|
if (Platform.OS === 'android') {
|
|
options.topBar.rightButtons = [{
|
|
id: 'logout',
|
|
text: intl.formatMessage({id: 'sidebar_right_menu.logout', defaultMessage: 'Logout'}),
|
|
color: theme.sidebarHeaderTextColor,
|
|
showAsAction: 'always',
|
|
}];
|
|
} else {
|
|
options.topBar.leftButtons = [{
|
|
id: 'logout',
|
|
text: intl.formatMessage({id: 'sidebar_right_menu.logout', defaultMessage: 'Logout'}),
|
|
color: theme.sidebarHeaderTextColor,
|
|
}];
|
|
}
|
|
|
|
if (screen === 'SelectTeam') {
|
|
passProps = {
|
|
...passProps,
|
|
currentUrl,
|
|
userWithoutTeams: true,
|
|
};
|
|
}
|
|
|
|
let title = '';
|
|
if (!error) {
|
|
title = intl.formatMessage({id: 'mobile.routes.selectTeam', defaultMessage: 'Select Team'});
|
|
}
|
|
|
|
resetToTeams(screen, title, passProps, options);
|
|
}
|
|
|
|
render() {
|
|
const locale = getLocaleFromLanguage(this.props.locale);
|
|
|
|
return (
|
|
<IntlProvider
|
|
key={locale}
|
|
ref={this.setProviderRef}
|
|
locale={locale}
|
|
messages={getTranslations(locale)}
|
|
>
|
|
{this.props.children}
|
|
</IntlProvider>
|
|
);
|
|
}
|
|
}
|