Progress

app/javascript/gabsocial/features/compose/components/spoiler_button.js

@@ -0,0 +1,50 @@
+import { injectIntl, defineMessages } from 'react-intl'
+import { changeComposeSpoilerness } from '../../../actions/compose'
+import ComposeExtraButton from './compose_extra_button'
+
+const messages = defineMessages({
+  marked: { id: 'compose_form.spoiler.marked', defaultMessage: 'Text is hidden behind warning' },
+  unmarked: { id: 'compose_form.spoiler.unmarked', defaultMessage: 'Text is not hidden' },
+  title: { id: 'compose_form.spoiler.title', defaultMessage: 'Warning' },
+})
+
+const mapStateToProps = (state) => ({
+  active: state.getIn(['compose', 'spoiler']),
+})
+
+const mapDispatchToProps = dispatch => ({
+
+  onClick () {
+    dispatch(changeComposeSpoilerness())
+  },
+
+})
+
+export default
+@injectIntl
+@connect(mapStateToProps, mapDispatchToProps)
+class SpoilerButton extends PureComponent {
+
+  static propTypes = {
+    active: PropTypes.bool,
+    intl: PropTypes.map,
+  }
+
+  handleClick = (e) => {
+    e.preventDefault()
+    this.props.onClick()
+  }
+
+  render () {
+    const { active, intl } = this.props
+
+    return (
+      <ComposeExtraButton
+        title={intl.formatMessage(messages.title)}
+        icon='warning'
+        onClick={this.handleClick}
+      />
+    )
+  }
+
+}