From 76c6505e7fc457a26e9efd37677252751a0ba8f7 Mon Sep 17 00:00:00 2001
From: David Lu <david.lu@hotmail.com>
Date: Mon, 4 Jul 2016 09:31:44 -0400
Subject: PLT-3154 Updated help text on Select Team page (#3451)

* Added Onboarding Changes to Select Team

* changed text by PM
---
 webapp/components/select_team/select_team.jsx | 101 +++++++++++++++++---------
 1 file changed, 68 insertions(+), 33 deletions(-)

(limited to 'webapp/components/select_team')

diff --git a/webapp/components/select_team/select_team.jsx b/webapp/components/select_team/select_team.jsx
index cc53b6b8f..39a2e4442 100644
--- a/webapp/components/select_team/select_team.jsx
+++ b/webapp/components/select_team/select_team.jsx
@@ -49,10 +49,10 @@ export default class SelectTeam extends React.Component {
     }
 
     render() {
-        var content;
-
-        var teamContents = [];
-        var isAlreadyMember = new Map();
+        let content = null;
+        let teamContents = [];
+        const isAlreadyMember = new Map();
+        const isSystemAdmin = Utils.isSystemAdmin(UserStore.getCurrentUser().roles);
 
         for (var index in this.state.teamMembers) {
             if (this.state.teamMembers.hasOwnProperty(index)) {
@@ -78,33 +78,6 @@ export default class SelectTeam extends React.Component {
             }
         }
 
-        if (!teamContents || teamContents.length === 0) {
-            teamContents = (
-                <div className='signup-team-dir-err'>
-                    <div>
-                        <FormattedMessage
-                            id='signup_team.no_teams'
-                            defaultMessage='You do not appear to be a member of any team.  Please ask your administrator for an invite, join an open team if one exists or possibly create a new team.'
-                        />
-                    </div>
-                </div>
-            );
-        }
-
-        content = (
-            <div className='signup__content'>
-                <h4>
-                    <FormattedMessage
-                        id='signup_team.choose'
-                        defaultMessage='Teams you are a member of:'
-                    />
-                </h4>
-                <div className='signup-team-all'>
-                    {teamContents}
-                </div>
-            </div>
-        );
-
         var openTeamContents = [];
 
         for (var id in this.state.teamListings) {
@@ -129,6 +102,70 @@ export default class SelectTeam extends React.Component {
             }
         }
 
+        if (!this.state.teamListings.length && (global.window.mm_config.EnableTeamCreation === 'true' || isSystemAdmin)) {
+            teamContents = (
+                <div className='signup-team-dir-err'>
+                    <div>
+                        <FormattedMessage
+                            id='signup_team.no_teams_canCreate'
+                            defaultMessage='No teams have been created. You may create one by clicking "Create a new team".'
+                        />
+                    </div>
+                </div>
+            );
+        } else if (!this.state.teamListings.length) {
+            teamContents = (
+                <div className='signup-team-dir-err'>
+                    <div>
+                        <FormattedMessage
+                            id='signup_team.no_teams'
+                            defaultMessage='No teams have been created. Please contact your administrator.'
+                        />
+                    </div>
+                </div>
+            );
+        } else if (teamContents.length === 0 && openTeamContents.length === 0 && (global.window.mm_config.EnableTeamCreation === 'true' || isSystemAdmin)) {
+            teamContents = (
+                <div className='signup-team-dir-err'>
+                    <div>
+                        <FormattedMessage
+                            id='signup_team.no_open_teams_canCreate'
+                            defaultMessage='No open teams have been created. Please ask your administrator for an invite or create a new team.'
+                        />
+                    </div>
+                </div>
+            );
+        } else if (teamContents.length === 0 && openTeamContents.length === 0) {
+            teamContents = (
+                <div className='signup-team-dir-err'>
+                    <div>
+                        <FormattedMessage
+                            id='signup_team.no_open_teams'
+                            defaultMessage='No open teams have been created. Please ask your administrator for an invite.'
+                        />
+                    </div>
+                </div>
+            );
+        } else if (teamContents.length === 0 && openTeamContents.length > 0) {
+            teamContents = null;
+        }
+
+        if (teamContents) {
+            content = (
+                <div className='signup__content'>
+                    <h4>
+                        <FormattedMessage
+                            id='signup_team.choose'
+                            defaultMessage='Teams you are a member of:'
+                        />
+                    </h4>
+                    <div className='signup-team-all'>
+                        {teamContents}
+                    </div>
+                </div>
+            );
+        }
+
         var openContent;
         if (openTeamContents.length > 0) {
             openContent = (
@@ -150,8 +187,6 @@ export default class SelectTeam extends React.Component {
             openContent = <LoadingScreen/>;
         }
 
-        var isSystemAdmin = Utils.isSystemAdmin(UserStore.getCurrentUser().roles);
-
         let teamHelp = null;
         if (isSystemAdmin && (global.window.mm_config.EnableTeamCreation === 'false')) {
             teamHelp = (
-- 
cgit v1.2.3-1-g7c22