mattermost-mobile/app/screens/root/root.js

83 lines
2.6 KiB
JavaScript

// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved.
// See License.txt for license information.
import React, {PureComponent} from 'react';
import PropTypes from 'prop-types';
import {Client, Client4} from 'mattermost-redux/client';
import {RequestStatus} from 'mattermost-redux/constants';
import Loading from 'app/components/loading';
import {stripTrailingSlashes} from 'app/utils/url';
export default class Root extends PureComponent {
static propTypes = {
credentials: PropTypes.object,
loginRequest: PropTypes.object,
navigator: PropTypes.object,
theme: PropTypes.object,
actions: PropTypes.shape({
loadMe: PropTypes.func
}).isRequired
};
componentDidMount() {
this.loadStoreAndScene();
}
goToLoadTeam = () => {
const {navigator, theme} = this.props;
navigator.resetTo({
screen: 'LoadTeam',
title: '',
animated: false,
backButtonTitle: '',
navigatorStyle: {
statusBarHidden: false,
statusBarHideWithNavBar: false,
navBarTextColor: theme.sidebarHeaderTextColor,
navBarBackgroundColor: theme.sidebarHeaderBg,
navBarButtonColor: theme.sidebarHeaderTextColor,
screenBackgroundColor: theme.centerChannelBg
}
});
};
goToSelectServer = () => {
this.props.navigator.resetTo({
screen: 'SelectServer',
animated: false,
navigatorStyle: {
navBarHidden: true,
navBarBackgroundColor: 'black',
statusBarHidden: false,
statusBarHideWithNavBar: false
}
});
};
loadStoreAndScene = () => {
const {actions, credentials, loginRequest} = this.props;
const {loadMe} = actions;
if (credentials.token && credentials.url) {
// Will probably need to make this optimistic since we
// assume that the stored token is good.
if (loginRequest.status === RequestStatus.NOT_STARTED) {
Client.setToken(credentials.token);
Client4.setToken(credentials.token);
Client4.setUrl(stripTrailingSlashes(credentials.url));
Client.setUrl(stripTrailingSlashes(credentials.url));
loadMe().then(this.goToLoadTeam).catch(this.goToLoadTeam);
} else {
this.goToLoadTeam();
}
} else {
this.goToSelectServer();
}
};
render() {
return <Loading/>;
}
}