Geovation/photos

File SelectControlMultipleValue.js has 317 lines of code (exceeds 250 allowed). Consider refactoring.

Open

// https://material-ui.com/demos/autocomplete/#react-select

/* eslint-disable react/prop-types, react/jsx-handler-names */

import React from 'react';

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

Open

  render() {
    // TODO add propTypes
    const { classes, theme, field} = this.props;

    const selectStyles = {

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

Open

  getItems = (tree) => {
    let items = [];

    function getNodesInLowestHierarchy(tree){
      Object.entries(tree).forEach( ([key,value]) => {

• Read up
  Read up

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

Open

function MultiValue(props) {
  return (
    <Chip
      tabIndex={-1}
      label={props.children}

• Read up
  Read up

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

Open

function Option(props) {
  return (
    <MenuItem
      buttonRef={props.innerRef}
      selected={props.isFocused}

• Read up
  Read up

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

Open

function Placeholder(props) {
  return (
    <Typography
      color="textSecondary"
      className={props.selectProps.classes.placeholder}

• Read up
  Read up

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

Open

function NoOptionsMessage(props) {
  return (
    <Typography
      color="textSecondary"
      className={props.selectProps.classes.noOptionsMessage}

• Read up
  Read up

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

Open

  chipFocused: {
    backgroundColor: emphasize(
      theme.palette.type === 'light' ? theme.palette.grey[300] : theme.palette.grey[700],
      0.08,
    ),

• Read up
  Read up

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

Open

function SingleValue(props) {
  return (
    <Typography className={props.selectProps.classes.singleValue} {...props.innerProps}>
      {props.children}
    </Typography>

• Read up
  Read up

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

Open

    const selectStyles = {
      input: base => ({
        ...base,
        color: theme.palette.text.primary,
        '& input': {

• Read up
  Read up

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

Open

        inputProps: {
          className: props.selectProps.classes.input,
          inputRef: props.innerRef,
          children: props.children,
          ...props.innerProps,

• Read up
  Read up