Adding back button to main create team page

This commit is contained in:
Asaad Mahmood
2016-03-30 18:32:24 +05:00
parent a6a0f18166
commit 4ee417db3d
2 changed files with 45 additions and 18 deletions

View File

@@ -52,6 +52,7 @@ export default class TeamSignUp extends React.Component {
updatePage(page) {
this.setState({page});
}
componentWillMount() {
@@ -138,6 +139,24 @@ export default class TeamSignUp extends React.Component {
}
let signupMethod = null;
let goBack = (
<div className='signup-header'>
<a
href='/'
onClick={
(e) => {
e.preventDefault();
this.updatePage('choose');
}
}
>
<span className='fa fa-chevron-left'/>
<FormattedMessage
id='web.header.back'
/>
</a>
</div>
);
if (global.window.mm_config.EnableTeamCreation !== 'true') {
if (teamListing == null) {
@@ -154,9 +173,12 @@ export default class TeamSignUp extends React.Component {
updatePage={this.updatePage}
/>
);
goBack = null;
} else if (this.state.page === 'email') {
signupMethod = (
<EmailSignUpPage/>
<div>
<EmailSignUpPage/>
</div>
);
} else if (this.state.page === 'ldap') {
return (
@@ -180,24 +202,28 @@ export default class TeamSignUp extends React.Component {
defaultMessage='No team creation method has been enabled. Please contact an administrator for access.'
/>
);
goBack = null;
}
return (
<div className='col-sm-12'>
<div className='signup-team__container'>
<img
className='signup-team-logo'
src={logoImage}
/>
<h1>{global.window.mm_config.SiteName}</h1>
<h4 className='color--light'>
<FormattedMessage
id='web.root.singup_info'
<div>
{goBack}
<div className='col-sm-12'>
<div className='signup-team__container'>
<img
className='signup-team-logo'
src={logoImage}
/>
</h4>
<div id='signup-team'>
{teamListing}
{signupMethod}
<h1>{global.window.mm_config.SiteName}</h1>
<h4 className='color--light'>
<FormattedMessage
id='web.root.singup_info'
/>
</h4>
<div id='signup-team'>
{teamListing}
{signupMethod}
</div>
</div>
</div>
</div>