Show error message when team name is fewer than 4 characters

I have still kept the length validation in team_signup_url_page.jsx in case
user chooses the url shorter than 4 characters

1 files changed, 3 insertions, 0 deletions

diff --git a/web/react/components/team_signup_display_name_page.jsx b/web/react/components/team_signup_display_name_page.jsx
index 4d08274e4..5356bf8a9 100644
--- a/web/react/components/team_signup_display_name_page.jsx
+++ b/web/react/components/team_signup_display_name_page.jsx
@@ -25,6 +25,9 @@ export default class TeamSignupDisplayNamePage extends React.Component {
         if (!displayName) {
             this.setState({nameError: 'This field is required'});
             return;
+        } else if (displayName.length <= 2 || displayName.length > 15) {
+            this.setState({nameError: 'Name must be 3 or more characters up to a maximum of 15'});
+            return;
         }
 
         this.props.state.wizard = 'team_url';