swagger-api/swagger-editor

File Topbar.jsx has 313 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react"
import PropTypes from "prop-types"
import Swagger from "swagger-client"
import URL from "url"
import DropdownMenu from "./DropdownMenu"

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

Open

  render() {
    let { getComponent, specSelectors, topbarActions } = this.props
    const Link = getComponent("Link")
    const TopbarInsert = getComponent("TopbarInsert")
    const ImportFileMenuItem = getComponent("ImportFileMenuItem")

Topbar has 23 functions (exceeds 20 allowed). Consider refactoring.

Open

export default class Topbar extends React.Component {
  constructor(props, context) {
    super(props, context)

    this.state = {

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

Open

            { showClientsMenu ? <DropdownMenu className="long" {...makeMenuOptions("Generate Client")}>
              { this.state.clients
                  .map((cli, i) => <li key={i}><button type="button" onClick={() => this.downloadGeneratedFile("client", cli)}>{cli}</button></li>) }
            </DropdownMenu> : null }

• Read up
  Read up

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

Open

            { showServersMenu ? <DropdownMenu className="long" {...makeMenuOptions("Generate Server")}>
              { this.state.servers
                  .map((serv, i) => <li key={i}><button type="button" onClick={() => this.downloadGeneratedFile("server", serv)}>{serv}</button></li>) }
            </DropdownMenu> : null }

• Read up
  Read up

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

Open

              {isJson ? [
                  <li key="1"><button type="button" onClick={this.saveAsJson}>Save as JSON</button></li>,
                  <li key="2"><button type="button" onClick={this.saveAsYaml}>Convert and save as YAML</button></li>
              ] : [

• Read up
  Read up

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

Open

              ] : [
                  <li key="1"><button type="button" onClick={this.saveAsYaml}>Save as YAML</button></li>,
                  <li key="2"><button type="button" onClick={this.saveAsJson}>Convert and save as JSON</button></li>
              ]}

• Read up
  Read up

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

Open

Topbar.propTypes = {
  specSelectors: PropTypes.object.isRequired,
  errSelectors: PropTypes.object.isRequired,
  specActions: PropTypes.object.isRequired,
  topbarActions: PropTypes.object.isRequired,

• Read up
  Read up

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

Open

      clientGetter({}, {
        // contextUrl is needed because swagger-client is curently
        // not building relative server URLs correctly
        contextUrl: generatorUrl
      })

• Read up
  Read up

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

Open

      serverGetter({}, {
        // contextUrl is needed because swagger-client is curently
        // not building relative server URLs correctly
        contextUrl: generatorUrl
      })

• Read up
  Read up