import React from 'react'; import { connect } from 'react-redux'; import PropTypes from 'prop-types'; import TextIconButton from '../components/text_icon_button'; import { changeComposeSensitivity } from '../../../actions/compose'; import { Motion, spring } from 'react-motion'; import { injectIntl, defineMessages } from 'react-intl'; const messages = defineMessages({ title: { id: 'compose_form.sensitive', defaultMessage: 'Mark media as sensitive' } }); const mapStateToProps = state => ({ visible: state.getIn(['compose', 'media_attachments']).size > 0, active: state.getIn(['compose', 'sensitive']) }); const mapDispatchToProps = dispatch => ({ onClick () { dispatch(changeComposeSensitivity()); } }); class SensitiveButton extends React.PureComponent { render () { const { visible, active, onClick, intl } = this.props; return ( {({ scale }) =>
}
); } } SensitiveButton.propTypes = { visible: PropTypes.bool, active: PropTypes.bool, onClick: PropTypes.func.isRequired, intl: PropTypes.object.isRequired }; export default connect(mapStateToProps, mapDispatchToProps)(injectIntl(SensitiveButton));