FarmBot/Farmbot-Web-App

File location_info.tsx has 463 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import { Everything, MovementState, TimeSettings } from "../interfaces";
import { BotPosition, UserEnv } from "../devices/interfaces";
import { connect } from "react-redux";
import { getUrlQuery } from "../util";

Function ItemListWrapper has 74 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function ItemListWrapper(props: ItemListWrapperProps) {
  const { chosenXY } = props;
  const items = sortBy(groupItemsByLocation(props.items, chosenXY), "distance");
  const [expanded, setExpanded] = React.useState(false);
  if (items.length < 1) {

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

Open

  render() {
    const { chosenXY } = this;
    const allSoilHeightPoints = this.props.genericPoints.filter(soilHeightPoint);
    const getColorOverride = getSoilHeightColor(allSoilHeightPoints);
    const sensorReadings = this.props.sensorReadings

Function ImageListItem has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const ImageListItem = (props: ImageListItemProps) => {
  const images = sortBy(props.images.items, "body.created_at").reverse();
  const [currentImage, setCurrentImage] = React.useState(images[0]);
  return <div className={"image-items"}>
    <ImageFlipper id={"image-items-flipper"}

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

Open

    this.props.sensors.map(x => {
      sensorNameByPinLookup[x.body.pin || 0] = x.body.label;
    });

• Read up
  Read up

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

Open

interface LocationActionsProps {
  dispatch: Function;
  currentBotLocation: BotPosition;
  botOnline: boolean;
  locked: boolean;

• Read up
  Read up