995f0ad51c
Add an ID to the CW spoiler input field to give aria-controls a handle on it. Pass that id to the CW trigger button. Modify text icon button component to accept aria controls id value. Add aria-expanded value to text icon button to indicate when it is expanded.
26 lines
752 B
JavaScript
26 lines
752 B
JavaScript
import { connect } from 'react-redux';
|
|
import TextIconButton from '../components/text_icon_button';
|
|
import { changeComposeSpoilerness } from '../../../actions/compose';
|
|
import { injectIntl, defineMessages } from 'react-intl';
|
|
|
|
const messages = defineMessages({
|
|
title: { id: 'compose_form.spoiler', defaultMessage: 'Hide text behind content warning' }
|
|
});
|
|
|
|
const mapStateToProps = (state, { intl }) => ({
|
|
label: 'CW',
|
|
title: intl.formatMessage(messages.title),
|
|
active: state.getIn(['compose', 'spoiler']),
|
|
ariaControls: 'cw-spoiler-input'
|
|
});
|
|
|
|
const mapDispatchToProps = dispatch => ({
|
|
|
|
onClick () {
|
|
dispatch(changeComposeSpoilerness());
|
|
}
|
|
|
|
});
|
|
|
|
export default injectIntl(connect(mapStateToProps, mapDispatchToProps)(TextIconButton));
|