grommet/grommet-ferret

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

Open

  _onSearch (event) {
    const { index } = this.props;
    const searchText = event.target.value;
    this.setState({ searchText });
    const query = new Query(searchText);

• Read up
  Read up

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

Open

        <ListPlaceholder filteredTotal={result.total}
          unfilteredTotal={result.unfilteredTotal}
          emptyMessage='You do not have any virtual machines at the moment.'
          addControl={
            <Button icon={<AddIcon />} label='Add virtual machine'

• Read up
  Read up

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

Open

  _onSearch (event) {
    const { index } = this.props;
    const searchText = event.target.value;
    this.setState({ searchText });
    const query = new Query(searchText);

• Read up
  Read up

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

Open

const StatusLabel = (props) => (
  <Box direction='row' align='center' pad={{ between: 'small' }}>
    <StatusIcon value={props.value} size='small' />
    <span>{props.label}</span>
  </Box>

• Read up
  Read up

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

Open

const StatusLabel = (props) => (
  <Box direction='row' align='center' pad={{ between: 'small' }}>
    <StatusIcon value={props.value} size='small' />
    <span>{props.label}</span>
  </Box>

• Read up
  Read up

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

Open

        <span>
          <Meter size="small"
            value={item.percentComplete || 0}
            a11yTitle="Progress bar" />
          <Value size="small" value={item.percentComplete || 0} units="%" />

• Read up
  Read up

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

Open

        <Box direction='row' pad={{ between: 'small' }}>
          <Meter size="small"
            value={item.percentComplete || 0}
            a11yTitle="Progress bar" />
          <Value size="small" value={item.percentComplete || 0} units="%" />

• Read up
  Read up

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

Open

  render () {
    const { virtualMachine, nav, notifications, role, category } = this.props;

    let state;
    if (! notifications.alert && ! notifications.aggregate &&

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

Open

  render () {
    const { virtualMachine, onClose } = this.props;

    let name;
    let closeControl;

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

Open

HypervisorSection.propTypes = {
  onOpen: PropTypes.func.isRequired,
  productName: PropTypes.string.isRequired,
  role: PropTypes.string.isRequired,
  settings: PropTypes.shape({

• Read up
  Read up

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

Open

DirectorySection.propTypes = {
  onOpen: PropTypes.func.isRequired,
  productName: PropTypes.string.isRequired,
  role: PropTypes.string.isRequired,
  settings: PropTypes.shape({

• Read up
  Read up

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

Open

NodesSection.propTypes = {
  onOpen: PropTypes.func.isRequired,
  productName: PropTypes.string.isRequired,
  role: PropTypes.string.isRequired,
  settings: PropTypes.shape({

• Read up
  Read up

File Utilization.js has 274 lines of code (exceeds 250 allowed). Consider refactoring.

Open

// (C) Copyright 2014-2016 Hewlett Packard Enterprise Development LP

import React, { Component, PropTypes } from 'react';
import ReactDOM from 'react-dom';
import { connect } from 'react-redux';

Function DirectorySection has 64 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const DirectorySection = (props) => {

  const { productName, role, settings, onOpen } = props;
  const directory = settings.directory || {};
  let contents;

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

Open

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

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

          <FormField htmlFor="dns2" error={errors.dns2}
            label="Domain Name Server (DNS) second address">
            <input id="dns2" name="network.dns2" type="text"
              value={settings.network.dns2 || ''}
              onChange={this._onChange} />

• Read up
  Read up

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

Open

          <FormField htmlFor="dns1" error={errors.dns1}
            label="Domain Name Server (DNS) first address">
            <input id="dns1" name="network.dns1" type="text"
              value={settings.network.dns1 || ''} onChange={this._onChange} />
          </FormField>

• Read up
  Read up

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

Open

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

• Read up
  Read up

Function createActivity has 62 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function createActivity () {
  // associate alerts and tasks with resources
  let resources = [];
  SCHEMA.filter(category => (
    'alerts' !== category.name && 'tasks' !== category.name &&