create fix for undefined substring call (#324)

* create fix for undefined substring call

* Add Tooltip `Name Undefined` when Team displayName is null.

* Add localized message for `Name undefined`

components/team_sidebar/components/team_button.jsx

@@ -12,6 +12,8 @@ import {switchTeams} from 'actions/team_actions.jsx';
 import Constants from 'utils/constants.jsx';
 import {isDesktopApp} from 'utils/user_agent.jsx';
 
+import {localizeMessage} from 'utils/utils.jsx';
+
 export default class TeamButton extends React.Component {
  constructor(props) {
  super(props);
@@ -51,7 +53,7 @@ export default class TeamButton extends React.Component {
  let initials = this.props.displayName;
  let content = this.props.content;
  if (!content) {
- initials = initials.replace(/\s/g, '').substring(0, 2);
+ initials = initials ? initials.replace(/\s/g, '').substring(0, 2) : '??';
 
  content = (
  <div className='team-btn__initials'>
@@ -70,14 +72,15 @@ export default class TeamButton extends React.Component {
  </div>
  );
  } else {
+ const toolTip = this.props.displayName ? this.props.tip : localizeMessage('team.button.name_undefined', 'Name undefined');
  btn = (
  <OverlayTrigger
  trigger={['hover', 'focus']}
  delayShow={Constants.OVERLAY_TIME_DELAY}
  placement={this.props.placement}
  overlay={
  <Tooltip id={`tooltip-${this.props.url}`}>
- {this.props.tip}
+ {toolTip}
  </Tooltip>
  }
  >

i18n/en.json

@@ -2517,6 +2517,7 @@
  "system_users_list.count": "{count, number} {count, plural, one {user} other {users}}",
  "system_users_list.countPage": "{startCount, number} - {endCount, number} {count, plural, one {user} other {users}} of {total, number} total",
  "system_users_list.countSearch": "{count, number} {count, plural, one {user} other {users}} of {total, number} total",
+ "team.button.name_undefined": "Name undefined",
  "team_export_tab.download": "download",
  "team_export_tab.export": "Export",
  "team_export_tab.exportTeam": "Export your team",