grommet/grommet-ferret

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

Open

  render () {
    const { network, errors } = this.state;
    let removeControl;
    if (this.props.onRemove) {
      removeControl = (

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

Open

  _onChange (event) {
    var network = { ...this.state.network };
    var errors = { ...this.state.errors };
    const attribute = event.target.getAttribute('name');
    const value = event.target.value;

• Read up
  Read up

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

Open

        <FormField key="ipV4Address" htmlFor="ipV4Address" label="IPv4 address"
          error={errors.ipV4Address} >
          <input id="ipV4Address" name="ipV4Address" type="text"
            value={network.ipV4Address} onChange={this._onChange} />
        </FormField>,

• Read up
  Read up

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

Open

        <FormField key="ipV6Address" htmlFor="ipV6Address" label="IPv6 address"
          error={errors.ipV6Address} >
          <input id="ipV4Address" name="ipV6Address" type="text"
            value={network.ipV6Address} onChange={this._onChange} />
        </FormField>

• Read up
  Read up

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

Open

        <FormField key="ipV4Netmask" htmlFor="ipV4Netmask" label="IPv4 netmask"
          error={errors.ipV4Netmask} >
          <input id="ipV4Netmask" name="ipV4Netmask" type="text"
            value={network.ipV4Netmask} onChange={this._onChange} />
        </FormField>,

• Read up
  Read up

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

Open

        <FormField key="ipV4Gateway" htmlFor="ipV4Gateway" label="IPv4 gateway"
          error={errors.ipV4Gateway} >
          <input id="ipV4Gateway" name="ipV4Gateway" type="text"
            value={network.ipV4Gateway} onChange={this._onChange} />
        </FormField>,

• Read up
  Read up

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

Open

    const networkSuggestions = nextProps.networks.map((network) => {
      return {
        network: network,
        label: <NetworkSuggestion name={network.name} vLanId={network.vLanId} />
      };

• Read up
  Read up