FarmBot/Farmbot-Web-App

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

Open

  render() {
    const { dispatch } = this.props;
    const gridIds = compact(uniq(this.props.genericPoints
      .map(p => p.body.meta.gridId)));
    const points = orderedPoints(this.props.genericPoints, this.state)

File point_inventory.tsx has 290 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import { connect } from "react-redux";
import { PointInventoryItem } from "./point_inventory_item";
import { Everything, PointsPanelState } from "../interfaces";
import { Panel } from "../farm_designer/panel_header";

Function PointsSection has 35 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const PointsSection = (props: PointsSectionProps) => {
  const { genericPoints, isOpen, dispatch, averageZ, toggleAction } = props;
  return <div className={`points-section ${isOpen ? "open" : ""}`}>
    <div className={"points-section-header row grid-exp-1"} onClick={props.toggleOpen}>
      {props.color && <Saucer color={props.color} />}

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

Open

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

• Read up
  Read up

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

Open

  toggleGrid = (gridId: string) => () =>
    this.setState({
      gridIds: this.state.gridIds.includes(gridId)
        ? this.state.gridIds.filter(id => id != gridId)
        : this.state.gridIds.concat(gridId)

• Read up
  Read up

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

Open

  toggleSoilHeightPointColor = (color: string) => () =>
    this.setState({
      soilHeightColors: this.state.soilHeightColors.includes(color)
        ? this.state.soilHeightColors.filter(c => c != color)
        : this.state.soilHeightColors.concat(color)

• Read up
  Read up

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

Open

          <EmptyStateWrapper
            notEmpty={this.props.genericPoints.length > 0}
            graphic={EmptyStateGraphic.points}
            title={t("No points yet.")}
            text={Content.NO_POINTS}

• Read up
  Read up

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

Open

    const points = orderedPoints(this.props.genericPoints, this.state)
      .filter(p => p.body.name.toLowerCase()
        .includes(this.state.searchTerm.toLowerCase()));

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

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

• Read up
  Read up