FarmBot/Farmbot-Web-App

File select_plants.tsx has 447 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import { useNavigate } from "react-router-dom";
import { connect } from "react-redux";
import { Everything, TimeSettings } from "../interfaces";
import { PlantInventoryItem } from "./plant_inventory_item";

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

Open

  render() {
    const { dispatch } = this.props;
    return <DesignerPanel panelName={"plant-selection"}
      panelColor={PanelColor.lightGray}>
      <DesignerPanelHeader

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

Open

              case "GenericPointer":
                return <PointInventoryItem
                  key={p.uuid}
                  tpp={p as TaggedGenericPointer}
                  hovered={false}

• Read up
  Read up

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

Open

              case "Weed":
                return <WeedInventoryItem
                  key={p.uuid}
                  tpp={p as TaggedWeedPointer}
                  hovered={false}

• Read up
  Read up

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

Open

        {["Plant"]
          .includes(this.selectionPointType) &&
          <PlantSlugBulkUpdate {...bulkUpdateProps}
            bulkPlantSlug={this.props.bulkPlantSlug} />}

• Read up
  Read up

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

Open

        {["Plant"].includes(this.selectionPointType) &&
          <PlantCurvesBulkUpdate {...bulkUpdateProps}
            curves={this.props.curves} />}

• Read up
  Read up

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

Open

        {["Plant"].includes(this.selectionPointType) &&
          <PlantDateBulkUpdate {...bulkUpdateProps}
            timeSettings={this.props.timeSettings} />}

• Read up
  Read up