about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/features/local_settings/page/item/index.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/local_settings/page/item/index.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/local_settings/page/item/index.js')
-rw-r--r--app/javascript/flavours/glitch/features/local_settings/page/item/index.js119
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>
-    );
-  }
-
-}