diff options
Diffstat (limited to 'app/assets/javascripts/components/components/dropdown_menu.jsx')
-rw-r--r-- | app/assets/javascripts/components/components/dropdown_menu.jsx | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/app/assets/javascripts/components/components/dropdown_menu.jsx b/app/assets/javascripts/components/components/dropdown_menu.jsx index fc05fcd2a..f5ee27a11 100644 --- a/app/assets/javascripts/components/components/dropdown_menu.jsx +++ b/app/assets/javascripts/components/components/dropdown_menu.jsx @@ -43,13 +43,13 @@ class DropdownMenu extends React.PureComponent { } render () { - const { icon, items, size, direction } = this.props; + const { icon, items, size, direction, ariaLabel } = this.props; const directionClass = (direction === "left") ? "dropdown__left" : "dropdown__right"; return ( <Dropdown ref={this.setRef}> - <DropdownTrigger className='icon-button' style={{ fontSize: `${size}px`, width: `${size}px`, lineHeight: `${size}px` }}> - <i className={ `fa fa-fw fa-${icon} dropdown__icon` } /> + <DropdownTrigger className='icon-button' style={{ fontSize: `${size}px`, width: `${size}px`, lineHeight: `${size}px` }} aria-label={ariaLabel}> + <i className={ `fa fa-fw fa-${icon} dropdown__icon` } aria-hidden={true} /> </DropdownTrigger> <DropdownContent className={directionClass}> @@ -67,7 +67,12 @@ DropdownMenu.propTypes = { icon: PropTypes.string.isRequired, items: PropTypes.array.isRequired, size: PropTypes.number.isRequired, - direction: PropTypes.string + direction: PropTypes.string, + ariaLabel: PropTypes.string +}; + +DropdownMenu.defaultProps = { + ariaLabel: "Menu" }; export default DropdownMenu; |