Browse Source

Rename ariaLabel property of Dropdown to title (#5813)

DropdownMenu has ariaLabel property, but it is actually applied to title
property of IconButton. Keep it consistent.
pull/4/head
Akihiko Odaki 6 years ago
committed by Eugen Rochko
parent
commit
1266c66f79
3 changed files with 6 additions and 6 deletions
  1. +4
    -4
      app/javascript/mastodon/components/dropdown_menu.js
  2. +1
    -1
      app/javascript/mastodon/components/status_action_bar.js
  3. +1
    -1
      app/javascript/mastodon/features/status/components/action_bar.js

+ 4
- 4
app/javascript/mastodon/components/dropdown_menu.js View File

@ -110,7 +110,7 @@ export default class Dropdown extends React.PureComponent {
icon: PropTypes.string.isRequired, icon: PropTypes.string.isRequired,
items: PropTypes.array.isRequired, items: PropTypes.array.isRequired,
size: PropTypes.number.isRequired, size: PropTypes.number.isRequired,
ariaLabel: PropTypes.string,
title: PropTypes.string,
disabled: PropTypes.bool, disabled: PropTypes.bool,
status: ImmutablePropTypes.map, status: ImmutablePropTypes.map,
isUserTouching: PropTypes.func, isUserTouching: PropTypes.func,
@ -120,7 +120,7 @@ export default class Dropdown extends React.PureComponent {
}; };
static defaultProps = { static defaultProps = {
ariaLabel: 'Menu',
title: 'Menu',
}; };
state = { state = {
@ -186,14 +186,14 @@ export default class Dropdown extends React.PureComponent {
} }
render () { render () {
const { icon, items, size, ariaLabel, disabled } = this.props;
const { icon, items, size, title, disabled } = this.props;
const { expanded } = this.state; const { expanded } = this.state;
return ( return (
<div onKeyDown={this.handleKeyDown}> <div onKeyDown={this.handleKeyDown}>
<IconButton <IconButton
icon={icon} icon={icon}
title={ariaLabel}
title={title}
active={expanded} active={expanded}
disabled={disabled} disabled={disabled}
size={size} size={size}

+ 1
- 1
app/javascript/mastodon/components/status_action_bar.js View File

@ -179,7 +179,7 @@ export default class StatusActionBar extends ImmutablePureComponent {
{shareButton} {shareButton}
<div className='status__action-bar-dropdown'> <div className='status__action-bar-dropdown'>
<DropdownMenuContainer disabled={anonymousAccess} status={status} items={menu} icon='ellipsis-h' size={18} direction='right' ariaLabel={intl.formatMessage(messages.more)} />
<DropdownMenuContainer disabled={anonymousAccess} status={status} items={menu} icon='ellipsis-h' size={18} direction='right' title={intl.formatMessage(messages.more)} />
</div> </div>
</div> </div>
); );

+ 1
- 1
app/javascript/mastodon/features/status/components/action_bar.js View File

@ -120,7 +120,7 @@ export default class ActionBar extends React.PureComponent {
{shareButton} {shareButton}
<div className='detailed-status__action-bar-dropdown'> <div className='detailed-status__action-bar-dropdown'>
<DropdownMenuContainer size={18} icon='ellipsis-h' items={menu} direction='left' ariaLabel='More' />
<DropdownMenuContainer size={18} icon='ellipsis-h' items={menu} direction='left' title='More' />
</div> </div>
</div> </div>
); );

Loading…
Cancel
Save