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/local_settings/page/item/index.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/local_settings/page/item/index.js')
-rw-r--r-- | app/javascript/flavours/glitch/features/local_settings/page/item/index.js | 119 |
1 files changed, 0 insertions, 119 deletions
diff --git a/app/javascript/flavours/glitch/features/local_settings/page/item/index.js b/app/javascript/flavours/glitch/features/local_settings/page/item/index.js deleted file mode 100644 index 41c0676a2..000000000 --- a/app/javascript/flavours/glitch/features/local_settings/page/item/index.js +++ /dev/null @@ -1,119 +0,0 @@ -// Package imports -import React from 'react'; -import PropTypes from 'prop-types'; -import ImmutablePropTypes from 'react-immutable-proptypes'; - -// * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * - -export default class LocalSettingsPageItem extends React.PureComponent { - - static propTypes = { - children: PropTypes.node.isRequired, - dependsOn: PropTypes.array, - dependsOnNot: PropTypes.array, - id: PropTypes.string.isRequired, - item: PropTypes.array.isRequired, - onChange: PropTypes.func.isRequired, - inputProps: PropTypes.object, - options: PropTypes.arrayOf(PropTypes.shape({ - value: PropTypes.string.isRequired, - message: PropTypes.string.isRequired, - hint: PropTypes.string, - })), - settings: ImmutablePropTypes.map.isRequired, - placeholder: PropTypes.string, - disabled: PropTypes.bool, - }; - - handleChange = e => { - const { target } = e; - const { item, onChange, options, placeholder } = this.props; - if (options && options.length > 0) onChange(item, target.value); - else if (placeholder) onChange(item, target.value); - else onChange(item, target.checked); - }; - - render () { - const { handleChange } = this; - const { settings, item, id, inputProps, options, children, dependsOn, dependsOnNot, placeholder, disabled } = this.props; - let enabled = !disabled; - - if (dependsOn) { - for (let i = 0; i < dependsOn.length; i++) { - enabled = enabled && settings.getIn(dependsOn[i]); - } - } - if (dependsOnNot) { - for (let i = 0; i < dependsOnNot.length; i++) { - enabled = enabled && !settings.getIn(dependsOnNot[i]); - } - } - - if (options && options.length > 0) { - const currentValue = settings.getIn(item); - const optionElems = options && options.length > 0 && options.map((opt) => { - let optionId = `${id}--${opt.value}`; - return ( - <label htmlFor={optionId}> - <input - type='radio' - name={id} - id={optionId} - key={optionId} - value={opt.value} - onBlur={handleChange} - onChange={handleChange} - checked={currentValue === opt.value} - disabled={!enabled} - {...inputProps} - /> - {opt.message} - {opt.hint && <span className='hint'>{opt.hint}</span>} - </label> - ); - }); - return ( - <div className='glitch local-settings__page__item radio_buttons'> - <fieldset> - <legend>{children}</legend> - {optionElems} - </fieldset> - </div> - ); - } else if (placeholder) { - return ( - <div className='glitch local-settings__page__item string'> - <label htmlFor={id}> - <p>{children}</p> - <p> - <input - id={id} - type='text' - value={settings.getIn(item)} - placeholder={placeholder} - onChange={handleChange} - disabled={!enabled} - {...inputProps} - /> - </p> - </label> - </div> - ); - } else return ( - <div className='glitch local-settings__page__item boolean'> - <label htmlFor={id}> - <input - id={id} - type='checkbox' - checked={settings.getIn(item)} - onChange={handleChange} - disabled={!enabled} - {...inputProps} - /> - {children} - </label> - </div> - ); - } - -} |