diff options
author | Starfall <us@starfall.systems> | 2023-04-14 19:22:47 -0500 |
---|---|---|
committer | Starfall <us@starfall.systems> | 2023-04-14 19:22:47 -0500 |
commit | 4fe1689de43f4404eb9530fcfbcbfb26d6c1c13a (patch) | |
tree | 6811b845bb7f4966b10dcefa3dea404246f161c7 /app/javascript/flavours/glitch/features/report/components/option.js | |
parent | 65c1e53a32cabcdbb7bca57002bb0f6acdebe07e (diff) | |
parent | bed63f6dae0879ac840066b031229e0d139089cd (diff) |
Diffstat (limited to 'app/javascript/flavours/glitch/features/report/components/option.js')
-rw-r--r-- | app/javascript/flavours/glitch/features/report/components/option.js | 60 |
1 files changed, 0 insertions, 60 deletions
diff --git a/app/javascript/flavours/glitch/features/report/components/option.js b/app/javascript/flavours/glitch/features/report/components/option.js deleted file mode 100644 index 7e94f0654..000000000 --- a/app/javascript/flavours/glitch/features/report/components/option.js +++ /dev/null @@ -1,60 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import classNames from 'classnames'; -import Check from 'flavours/glitch/components/check'; - -export default class Option extends React.PureComponent { - - static propTypes = { - name: PropTypes.string.isRequired, - value: PropTypes.string.isRequired, - checked: PropTypes.bool, - label: PropTypes.node, - description: PropTypes.node, - onToggle: PropTypes.func, - multiple: PropTypes.bool, - labelComponent: PropTypes.node, - }; - - handleKeyPress = e => { - const { value, checked, onToggle } = this.props; - - if (e.key === 'Enter' || e.key === ' ') { - e.stopPropagation(); - e.preventDefault(); - onToggle(value, !checked); - } - } - - handleChange = e => { - const { value, onToggle } = this.props; - onToggle(value, e.target.checked); - } - - render () { - const { name, value, checked, label, labelComponent, description, multiple } = this.props; - - return ( - <label className='dialog-option poll__option selectable'> - <input type={multiple ? 'checkbox' : 'radio'} name={name} value={value} checked={checked} onChange={this.handleChange} /> - - <span - className={classNames('poll__input', { active: checked, checkbox: multiple })} - tabIndex='0' - role='radio' - onKeyPress={this.handleKeyPress} - aria-checked={checked} - aria-label={label} - >{checked && <Check />}</span> - - {labelComponent ? labelComponent : ( - <span className='poll__option__text'> - <strong>{label}</strong> - {description} - </span> - )} - </label> - ); - } - -} |