add formatted message for userlist toggle btn label
This commit is contained in:
parent
71fef7c86a
commit
4cbf7bedbb
@ -13,6 +13,14 @@ import DropdownTrigger from '/imports/ui/components/dropdown/trigger/component';
|
|||||||
import DropdownContent from '/imports/ui/components/dropdown/content/component';
|
import DropdownContent from '/imports/ui/components/dropdown/content/component';
|
||||||
import DropdownList from '/imports/ui/components/dropdown/list/component';
|
import DropdownList from '/imports/ui/components/dropdown/list/component';
|
||||||
import DropdownListItem from '/imports/ui/components/dropdown/list/item/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 = {
|
const propTypes = {
|
||||||
presentationTitle: PropTypes.string.isRequired,
|
presentationTitle: PropTypes.string.isRequired,
|
||||||
@ -58,7 +66,7 @@ class NavBar extends Component {
|
|||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const { hasUnreadMessages, beingRecorded, isExpanded } = this.props;
|
const { hasUnreadMessages, beingRecorded, isExpanded, intl } = this.props;
|
||||||
|
|
||||||
let toggleBtnClasses = {};
|
let toggleBtnClasses = {};
|
||||||
toggleBtnClasses[styles.btn] = true;
|
toggleBtnClasses[styles.btn] = true;
|
||||||
@ -72,7 +80,7 @@ class NavBar extends Component {
|
|||||||
ghost={true}
|
ghost={true}
|
||||||
circle={true}
|
circle={true}
|
||||||
hideLabel={true}
|
hideLabel={true}
|
||||||
label={'User-List Toggle'}
|
label={intl.formatMessage(intlMessages.toggleUserListLabel)}
|
||||||
icon={'user'}
|
icon={'user'}
|
||||||
className={cx(toggleBtnClasses)}
|
className={cx(toggleBtnClasses)}
|
||||||
aria-expanded={isExpanded}
|
aria-expanded={isExpanded}
|
||||||
@ -166,5 +174,4 @@ class NavBar extends Component {
|
|||||||
|
|
||||||
NavBar.propTypes = propTypes;
|
NavBar.propTypes = propTypes;
|
||||||
NavBar.defaultProps = defaultProps;
|
NavBar.defaultProps = defaultProps;
|
||||||
|
export default injectIntl(NavBar);
|
||||||
export default NavBar;
|
|
||||||
|
@ -41,6 +41,7 @@
|
|||||||
"app.navBar.settingsDropdown.leaveSessionDesc": "Leave the meeting",
|
"app.navBar.settingsDropdown.leaveSessionDesc": "Leave the meeting",
|
||||||
"app.navBar.settingsDropdown.exitFullScreenLabel": "Exit fullscreen",
|
"app.navBar.settingsDropdown.exitFullScreenLabel": "Exit fullscreen",
|
||||||
"app.navBar.settingsDropdown.exitFullScreenDesc": "Exit fullscreen mode",
|
"app.navBar.settingsDropdown.exitFullScreenDesc": "Exit fullscreen mode",
|
||||||
|
"app.navBar.userListToggleBtnLabel": "User List Toggle",
|
||||||
"app.leaveConfirmation.title": "Leave Session",
|
"app.leaveConfirmation.title": "Leave Session",
|
||||||
"app.leaveConfirmation.message": "Do you want to leave this meeting?",
|
"app.leaveConfirmation.message": "Do you want to leave this meeting?",
|
||||||
"app.leaveConfirmation.confirmLabel": "Leave",
|
"app.leaveConfirmation.confirmLabel": "Leave",
|
||||||
|
Loading…
Reference in New Issue
Block a user