FarmBot/Farmbot-Web-App

Function LayerToggles has 92 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const LayerToggles = (props: GardenMapLegendProps) => {
  const { toggle, getConfigValue, dispatch } = props;
  const subMenuProps = { dispatch, getConfigValue };
  const threeDGarden = !!props.getConfigValue(BooleanSetting.three_d_garden);
  return <div className="toggle-buttons">

File garden_map_legend.tsx has 267 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import { LayerToggle } from "../legend/layer_toggle";
import { GardenMapLegendProps } from "../interfaces";
import { atMaxZoom, atMinZoom } from "../zoom";
import {

Function GardenMapLegend has 30 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function GardenMapLegend(props: GardenMapLegendProps) {
  const { getConfigValue } = props;
  const menuClass = props.legendMenuOpen ? "active" : "";
  const [zDisplayOpen, setZDisplayOpen] = React.useState(false);
  return <div className={`garden-map-legend ${menuClass} ${props.className}`}>

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

Open

    <LayerToggle
      settingName={BooleanSetting.show_farmbot}
      value={props.showFarmbot}
      label={DeviceSetting.showFarmbot}
      onClick={toggle(BooleanSetting.show_farmbot)}

• Read up
  Read up

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

Open

    <LayerToggle
      settingName={BooleanSetting.show_weeds}
      value={props.showWeeds}
      label={DeviceSetting.showWeeds}
      onClick={toggle(BooleanSetting.show_weeds)}

• Read up
  Read up

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

Open

    <LayerToggle
      settingName={BooleanSetting.show_plants}
      value={props.showPlants}
      label={DeviceSetting.showPlants}
      onClick={toggle(BooleanSetting.show_plants)}

• Read up
  Read up

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

Open

    {props.hasSensorReadings &&
      <LayerToggle
        settingName={BooleanSetting.show_moisture_interpolation_map}
        value={props.showMoistureInterpolationMap}
        label={DeviceSetting.showMoisture}

• Read up
  Read up

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

Open

    {props.hasSensorReadings &&
      <LayerToggle
        settingName={BooleanSetting.show_sensor_readings}
        value={props.showSensorReadings}
        label={DeviceSetting.showReadings}

• Read up
  Read up

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

Open

      {zDisplayOpen &&
        <ZDisplay
          allPoints={props.allPoints}
          firmwareConfig={props.firmwareConfig}
          sourceFbosConfig={props.sourceFbosConfig}

• Read up
  Read up