add formatted message for userlist toggle btn label

This commit is contained in:
KDSBrowne 2017-03-29 08:22:26 -07:00
parent 71fef7c86a
commit 4cbf7bedbb
2 changed files with 12 additions and 4 deletions

View File

@ -13,6 +13,14 @@ import DropdownTrigger from '/imports/ui/components/dropdown/trigger/component';
import DropdownContent from '/imports/ui/components/dropdown/content/component';
import DropdownList from '/imports/ui/components/dropdown/list/component';
import DropdownListItem from '/imports/ui/components/dropdown/list/item/component';
import { defineMessages, injectIntl } from 'react-intl';
const intlMessages = defineMessages({
toggleUserListLabel: {
id: 'app.navBar.userListToggleBtnLabel',
},
});
const propTypes = {
presentationTitle: PropTypes.string.isRequired,
@ -58,7 +66,7 @@ class NavBar extends Component {
}
render() {
const { hasUnreadMessages, beingRecorded, isExpanded } = this.props;
const { hasUnreadMessages, beingRecorded, isExpanded, intl } = this.props;
let toggleBtnClasses = {};
toggleBtnClasses[styles.btn] = true;
@ -72,7 +80,7 @@ class NavBar extends Component {
ghost={true}
circle={true}
hideLabel={true}
label={'User-List Toggle'}
label={intl.formatMessage(intlMessages.toggleUserListLabel)}
icon={'user'}
className={cx(toggleBtnClasses)}
aria-expanded={isExpanded}
@ -166,5 +174,4 @@ class NavBar extends Component {
NavBar.propTypes = propTypes;
NavBar.defaultProps = defaultProps;
export default NavBar;
export default injectIntl(NavBar);

View File

@ -41,6 +41,7 @@
"app.navBar.settingsDropdown.leaveSessionDesc": "Leave the meeting",
"app.navBar.settingsDropdown.exitFullScreenLabel": "Exit fullscreen",
"app.navBar.settingsDropdown.exitFullScreenDesc": "Exit fullscreen mode",
"app.navBar.userListToggleBtnLabel": "User List Toggle",
"app.leaveConfirmation.title": "Leave Session",
"app.leaveConfirmation.message": "Do you want to leave this meeting?",
"app.leaveConfirmation.confirmLabel": "Leave",