glitch-soc/mastodon

File doodle_modal.jsx has 428 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import PropTypes from 'prop-types';

import classNames from 'classnames';

import ImmutablePropTypes from 'react-immutable-proptypes';

DoodleModal has 41 functions (exceeds 20 allowed). Consider refactoring.

Open

class DoodleModal extends ImmutablePureComponent {

  static propTypes = {
    options: ImmutablePropTypes.map,
    onClose: PropTypes.func.isRequired,

Function render has 68 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render () {
    this.updateSketcherSettings();

    return (
      <div className='modal-root__modal doodle-modal'>

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            <div>
              <label htmlFor='dd_smoothing'>Smoothing</label>
              <span className='val'>
                <input type='checkbox' id='dd_smoothing' onChange={this.tglSmooth} checked={this.smoothing} />
              </span>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            <div>
              <label htmlFor='dd_adaptive'>Adaptive</label>
              <span className='val'>
                <input type='checkbox' id='dd_adaptive' onChange={this.tglAdaptive} checked={this.adaptiveStroke} />
              </span>

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            <IconButton icon='pencil' iconComponent={EditIcon} title='Draw' label='Draw' onClick={this.setModeDraw} size={18} active={this.mode === 'draw'} inverted />

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            <IconButton icon='bath' iconComponent={ColorsIcon} title='Fill' label='Fill' onClick={this.setModeFill} size={18} active={this.mode === 'fill'} inverted />

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            <IconButton icon='trash' iconComponent={DeleteIcon} title='Clear' label='Clear' onClick={this.handleClearBtn} size={18} inverted />

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

            <IconButton icon='undo' iconComponent={UndoIcon} title='Undo' label='Undo' onClick={this.undo} size={18} inverted />

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if (e.key === 'Control' || e.key === 'Meta') {
      this.controlHeld = false;
      this.swapped = false;
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

    if (e.key === 'Control' || e.key === 'Meta') {
      this.controlHeld = true;
      this.swapped = true;
    }

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  tglSmooth = (e) => {
    this.smoothing = !this.smoothing;
    e.target.blur();
  };

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  tglAdaptive = (e) => {
    this.adaptiveStroke = !this.adaptiveStroke;
    e.target.blur();
  };

• Read up
  Read up