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/report/statuses.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/report/statuses.js')
-rw-r--r-- | app/javascript/flavours/glitch/features/report/statuses.js | 61 |
1 files changed, 0 insertions, 61 deletions
diff --git a/app/javascript/flavours/glitch/features/report/statuses.js b/app/javascript/flavours/glitch/features/report/statuses.js deleted file mode 100644 index 47d5ee863..000000000 --- a/app/javascript/flavours/glitch/features/report/statuses.js +++ /dev/null @@ -1,61 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import ImmutablePropTypes from 'react-immutable-proptypes'; -import { connect } from 'react-redux'; -import StatusCheckBox from 'flavours/glitch/features/report/containers/status_check_box_container'; -import { OrderedSet } from 'immutable'; -import { FormattedMessage } from 'react-intl'; -import Button from 'flavours/glitch/components/button'; -import LoadingIndicator from 'flavours/glitch/components/loading_indicator'; - -const mapStateToProps = (state, { accountId }) => ({ - availableStatusIds: OrderedSet(state.getIn(['timelines', `account:${accountId}:with_replies`, 'items'])), - isLoading: state.getIn(['timelines', `account:${accountId}:with_replies`, 'isLoading']), -}); - -export default @connect(mapStateToProps) -class Statuses extends React.PureComponent { - - static propTypes = { - onNextStep: PropTypes.func.isRequired, - accountId: PropTypes.string.isRequired, - availableStatusIds: ImmutablePropTypes.set.isRequired, - selectedStatusIds: ImmutablePropTypes.set.isRequired, - isLoading: PropTypes.bool, - onToggle: PropTypes.func.isRequired, - }; - - handleNextClick = () => { - const { onNextStep } = this.props; - onNextStep('comment'); - }; - - render () { - const { availableStatusIds, selectedStatusIds, onToggle, isLoading } = this.props; - - return ( - <React.Fragment> - <h3 className='report-dialog-modal__title'><FormattedMessage id='report.statuses.title' defaultMessage='Are there any posts that back up this report?' /></h3> - <p className='report-dialog-modal__lead'><FormattedMessage id='report.statuses.subtitle' defaultMessage='Select all that apply' /></p> - - <div className='report-dialog-modal__statuses'> - {isLoading ? <LoadingIndicator /> : availableStatusIds.union(selectedStatusIds).map(statusId => ( - <StatusCheckBox - id={statusId} - key={statusId} - checked={selectedStatusIds.includes(statusId)} - onToggle={onToggle} - /> - ))} - </div> - - <div className='flex-spacer' /> - - <div className='report-dialog-modal__actions'> - <Button onClick={this.handleNextClick}><FormattedMessage id='report.next' defaultMessage='Next' /></Button> - </div> - </React.Fragment> - ); - } - -} |