lang: allow translation of accessibility label string "Edit your profile"
This commit is contained in:
parent
5348fa19c8
commit
79f4531bd2
|
@ -3,6 +3,7 @@
|
||||||
import React, { Component } from 'react';
|
import React, { Component } from 'react';
|
||||||
|
|
||||||
import { Avatar } from '../../../base/avatar';
|
import { Avatar } from '../../../base/avatar';
|
||||||
|
import { translate } from '../../../base/i18n';
|
||||||
import { getLocalParticipant } from '../../../base/participants';
|
import { getLocalParticipant } from '../../../base/participants';
|
||||||
import { connect } from '../../../base/redux';
|
import { connect } from '../../../base/redux';
|
||||||
|
|
||||||
|
@ -28,7 +29,12 @@ type Props = {
|
||||||
* The callback to invoke when {@code OverflowMenuProfileItem} is
|
* The callback to invoke when {@code OverflowMenuProfileItem} is
|
||||||
* clicked.
|
* clicked.
|
||||||
*/
|
*/
|
||||||
onClick: Function
|
onClick: Function,
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Invoked to obtain translated strings.
|
||||||
|
*/
|
||||||
|
t: Function
|
||||||
};
|
};
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -58,7 +64,7 @@ class OverflowMenuProfileItem extends Component<Props> {
|
||||||
* @returns {ReactElement}
|
* @returns {ReactElement}
|
||||||
*/
|
*/
|
||||||
render() {
|
render() {
|
||||||
const { _localParticipant, _unclickable } = this.props;
|
const { _localParticipant, _unclickable, t } = this.props;
|
||||||
const classNames = `overflow-menu-item ${
|
const classNames = `overflow-menu-item ${
|
||||||
_unclickable ? 'unclickable' : ''}`;
|
_unclickable ? 'unclickable' : ''}`;
|
||||||
let displayName;
|
let displayName;
|
||||||
|
@ -71,7 +77,7 @@ class OverflowMenuProfileItem extends Component<Props> {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<li
|
<li
|
||||||
aria-label = 'Edit your profile'
|
aria-label = { t('toolbar.accessibilityLabel.profile') }
|
||||||
className = { classNames }
|
className = { classNames }
|
||||||
onClick = { this._onClick }>
|
onClick = { this._onClick }>
|
||||||
<span className = 'overflow-menu-item-icon'>
|
<span className = 'overflow-menu-item-icon'>
|
||||||
|
@ -119,4 +125,4 @@ function _mapStateToProps(state) {
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
export default connect(_mapStateToProps)(OverflowMenuProfileItem);
|
export default translate(connect(_mapStateToProps)(OverflowMenuProfileItem));
|
||||||
|
|
Loading…
Reference in New Issue