diff --git a/webapp/channels/src/components/team_sidebar/components/team_button.tsx b/webapp/channels/src/components/team_sidebar/components/team_button.tsx index 5cc4468c63..cbd774fc5e 100644 --- a/webapp/channels/src/components/team_sidebar/components/team_button.tsx +++ b/webapp/channels/src/components/team_sidebar/components/team_button.tsx @@ -164,7 +164,7 @@ export default function TeamButton({ const teamButton = ( diff --git a/webapp/channels/src/components/team_sidebar/team_sidebar.tsx b/webapp/channels/src/components/team_sidebar/team_sidebar.tsx index fab3dcacb2..d17ab5234a 100644 --- a/webapp/channels/src/components/team_sidebar/team_sidebar.tsx +++ b/webapp/channels/src/components/team_sidebar/team_sidebar.tsx @@ -204,7 +204,6 @@ export class TeamSidebar extends React.PureComponent { render() { const {intl} = this.props; - const root: Element | null = document.querySelector('#root'); if (this.props.myTeams.length <= 1) { root!.classList.remove('multi-teams'); @@ -267,6 +266,10 @@ export class TeamSidebar extends React.PureComponent { } content={plusIcon} switchTeam={this.props.actions.switchTeam} + displayName={intl.formatMessage({ + id: 'team_sidebar.join', + defaultMessage: 'Other teams you can join', + })} />, ); } else { @@ -286,6 +289,10 @@ export class TeamSidebar extends React.PureComponent { } content={plusIcon} switchTeam={this.props.actions.switchTeam} + displayName={intl.formatMessage({ + id: 'navbar_dropdown.create', + defaultMessage: 'Create a Team', + })} /> , );