about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/features/report/components/option.js
diff options
context:
space:
mode:
authorRenaud Chaput <renchap@gmail.com>2023-02-25 14:34:32 +0100
committerClaire <claire.github-309c@sitedethib.com>2023-02-25 14:35:31 +0100
commit81ef21a0c802f1d905f37a2a818544a8b400793c (patch)
tree33043286868ca9efb627ed38accab03c756adbcb /app/javascript/flavours/glitch/features/report/components/option.js
parent859eb01aacc27fa01a8d4063f26a5a1f81e5d3a9 (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/components/option.js')
-rw-r--r--app/javascript/flavours/glitch/features/report/components/option.js60
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 6ecfc7a24..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>
-    );
-  }
-
-}