FarmBot/Farmbot-Web-App

File weeds_inventory.tsx has 261 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import { connect } from "react-redux";
import { Everything, WeedsPanelState } from "../interfaces";
import { DesignerNavTabs, Panel, TAB_COLOR } from "../farm_designer/panel_header";
import {

Function WeedsSection has 55 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const WeedsSection = (props: WeedsSectionProps) => {
  const { layerSetting } = props;
  const rawMaxSize = Math.max(...props.items.map(item => item.body.radius));
  const maxSize = isFinite(rawMaxSize) ? rawMaxSize : 0;
  const noWeeds = props.allWeeds?.length == 0;

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

Open

  render() {
    const weedGroups = pointGroupSubset(this.props.groups, "Weed");
    const filteredGroups = weedGroups
      .filter(p => p.body.name.toLowerCase()
        .includes(this.state.searchTerm.toLowerCase()));

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

Open

      <DesignerPanelTop panel={Panel.Weeds}>
        <SearchField nameKey={"weeds"}
          searchTerm={this.state.searchTerm}
          placeholder={t("Search your weeds...")}
          customLeftIcon={<PointSortMenu

• Read up
  Read up

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

Open

        <PanelSection isOpen={this.props.weedsPanelState.groups}
          panel={Panel.Weeds}
          toggleOpen={this.toggleOpen("groups")}
          itemCount={weedGroups.length}
          addNew={() => this.props.dispatch(createGroup({

• Read up
  Read up

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

Open

    return orderedPoints(this.props.weeds, this.state).filter(p =>
      p.body.name.toLowerCase().includes(this.state.searchTerm.toLowerCase()));

• Read up
  Read up

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

Open

        {items.length > 0 &&
          <button className={"fb-button red delete"}
            title={t("delete all")}
            onClick={deleteAllIds("weeds", items)}>
            {t("delete all")}

• Read up
  Read up

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

Open

        {items.length > 0 &&
          <button className={"fb-button red delete"}
            title={t("delete all")}
            onClick={deleteAllIds("weeds", items)}>
            {t("delete all")}

• Read up
  Read up

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

Open

    const filteredGroups = weedGroups
      .filter(p => p.body.name.toLowerCase()
        .includes(this.state.searchTerm.toLowerCase()));

• Read up
  Read up

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

Open

          addNew={() => this.props.dispatch(createGroup({
            criteria: {
              ...DEFAULT_CRITERIA,
              string_eq: { pointer_type: ["Weed"] },
            },

• Read up
  Read up

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

Open

  toggleOpen = (section: keyof WeedsPanelState) => () =>
    this.props.dispatch({
      type: Actions.TOGGLE_WEEDS_PANEL_OPTION, payload: section,
    });

• Read up
  Read up