sombreroEnPuntas/car-gallery

Function render has 53 lines of code (exceeds 50 allowed). Consider refactoring.

Open

  render() {
    const { error, isLoading, retries, step } = this.state
    const fieldHelper = makeFieldHelper(this.state, this.handleUpdate)

    const carsFound = getCarsFiltered(this.state)

Consider simplifying this complex logical expression.

Invalid

      else if (
        !!make.value &&
        make.valid &&
        !!model.value &&
        model.valid &&

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

Invalid

          <FormSection active={step === 1} id="part-1">
            <p>{'Available makes:'}</p>
            <DropdownField {...fieldHelper('make')} />

            <p>{'Available models:'}</p>

• Read up
  Read up

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

Invalid

          <FormSection active={step === 2} id="part-2">
            <p>{'Available body types:'}</p>
            <SelectField {...fieldHelper('bodyType')} />

            <p>{'Available fuel types:'}</p>

• Read up
  Read up

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

Invalid

          <FormSection active={step === 3} id="part-3">
            <p>{'Available engine capacities:'}</p>
            <SelectField {...fieldHelper('engineCapacity')} />

            <p>{'Available engine power:'}</p>

• Read up
  Read up

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

Wontfix

            {step !== 1 ? (
              <a data-test-id="back" onClick={this.handleStepClick('back')}>
                {'< Back'}
              </a>
            ) : (

• Read up
  Read up

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

Wontfix

            {step !== 3 ? (
              <a data-test-id="next" onClick={this.handleStepClick('next')}>
                {'Next >'}
              </a>
            ) : (

• Read up
  Read up