From 4ee417db3d0d8e6d9a5cf1b2312b2691d612cf22 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaad@spinpunch.com>
Date: Wed, 30 Mar 2016 18:32:24 +0500
Subject: Adding back button to main create team page

---
 webapp/components/signup_team.jsx | 56 ++++++++++++++++++++++++++++-----------
 1 file changed, 41 insertions(+), 15 deletions(-)

(limited to 'webapp/components/signup_team.jsx')

diff --git a/webapp/components/signup_team.jsx b/webapp/components/signup_team.jsx
index e6b27e745..a745dbc56 100644
--- a/webapp/components/signup_team.jsx
+++ b/webapp/components/signup_team.jsx
@@ -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>
-- 
cgit v1.2.3-1-g7c22

