diff options
author | Renaud Chaput <renchap@gmail.com> | 2023-02-25 14:34:32 +0100 |
---|---|---|
committer | Claire <claire.github-309c@sitedethib.com> | 2023-02-25 14:35:31 +0100 |
commit | 81ef21a0c802f1d905f37a2a818544a8b400793c (patch) | |
tree | 33043286868ca9efb627ed38accab03c756adbcb /app/javascript/flavours/glitch/features/compose/containers/sensitive_button_container.js | |
parent | 859eb01aacc27fa01a8d4063f26a5a1f81e5d3a9 (diff) |
[Glitch] Rename JSX files with proper `.jsx` extension
Port 44a7d87cb1f5df953b6c14c16c59e2e4ead1bcb9 to glitch-soc Signed-off-by: Claire <claire.github-309c@sitedethib.com>
Diffstat (limited to 'app/javascript/flavours/glitch/features/compose/containers/sensitive_button_container.js')
-rw-r--r-- | app/javascript/flavours/glitch/features/compose/containers/sensitive_button_container.js | 75 |
1 files changed, 0 insertions, 75 deletions
diff --git a/app/javascript/flavours/glitch/features/compose/containers/sensitive_button_container.js b/app/javascript/flavours/glitch/features/compose/containers/sensitive_button_container.js deleted file mode 100644 index 9c23d3f47..000000000 --- a/app/javascript/flavours/glitch/features/compose/containers/sensitive_button_container.js +++ /dev/null @@ -1,75 +0,0 @@ -import React from 'react'; -import { connect } from 'react-redux'; -import PropTypes from 'prop-types'; -import classNames from 'classnames'; -import { changeComposeSensitivity } from 'flavours/glitch/actions/compose'; -import { injectIntl, defineMessages, FormattedMessage } from 'react-intl'; - -const messages = defineMessages({ - marked: { - id: 'compose_form.sensitive.marked', - defaultMessage: '{count, plural, one {Media is marked as sensitive} other {Media is marked as sensitive}}', - }, - unmarked: { - id: 'compose_form.sensitive.unmarked', - defaultMessage: '{count, plural, one {Media is not marked as sensitive} other {Media is not marked as sensitive}}', - }, -}); - -const mapStateToProps = state => { - const spoilersAlwaysOn = state.getIn(['local_settings', 'always_show_spoilers_field']); - const spoilerText = state.getIn(['compose', 'spoiler_text']); - return { - active: state.getIn(['compose', 'sensitive']) || (spoilersAlwaysOn && spoilerText && spoilerText.length > 0), - disabled: state.getIn(['compose', 'spoiler']), - mediaCount: state.getIn(['compose', 'media_attachments']).size, - }; -}; - -const mapDispatchToProps = dispatch => ({ - - onClick () { - dispatch(changeComposeSensitivity()); - }, - -}); - -class SensitiveButton extends React.PureComponent { - - static propTypes = { - active: PropTypes.bool, - disabled: PropTypes.bool, - mediaCount: PropTypes.number, - onClick: PropTypes.func.isRequired, - intl: PropTypes.object.isRequired, - }; - - render () { - const { active, disabled, mediaCount, onClick, intl } = this.props; - - return ( - <div className='compose-form__sensitive-button'> - <label className={classNames('icon-button', { active })} title={intl.formatMessage(active ? messages.marked : messages.unmarked, { count: mediaCount })}> - <input - name='mark-sensitive' - type='checkbox' - checked={active} - onChange={onClick} - disabled={disabled} - /> - - <span className={classNames('checkbox', { active })} /> - - <FormattedMessage - id='compose_form.sensitive.hide' - defaultMessage='{count, plural, one {Mark media as sensitive} other {Mark media as sensitive}}' - values={{ count: mediaCount }} - /> - </label> - </div> - ); - } - -} - -export default connect(mapStateToProps, mapDispatchToProps)(injectIntl(SensitiveButton)); |