FarmBot/Farmbot-Web-App

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

Open

export const TileFindHome = (props: StepParams<FindHome>) => {
  const { dispatch, index, currentStep, currentSequence } = props;
  const conflicts = settingConflicts(currentStep, props.hardwareFlags);
  return <StepWrapper {...props}
    className={"find-home-step"}

• Read up
  Read up

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

Open

import React from "react";
import { push } from "../history";
import { connect } from "react-redux";
import { Everything, TimeSettings } from "../interfaces";
import { PlantInventoryItem } from "./plant_inventory_item";

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

Open

      <Highlight settingName={DeviceSetting.accelerateForTowardHome}>
        <Row>
          <Col xs={8} className={"z-param-label"}>
            <label>
              {t(DeviceSetting.accelerateForTowardHome)}

• Read up
  Read up

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

Open

      <Highlight settingName={DeviceSetting.minimumSpeedTowardHome}>
        <Row>
          <Col xs={8} className={"z-param-label"}>
            <label>
              {t(DeviceSetting.minimumSpeedTowardHome)}

• Read up
  Read up

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

Open

      <Highlight settingName={DeviceSetting.maxSpeedTowardHome}>
        <Row>
          <Col xs={8} className={"z-param-label"}>
            <label>
              {t(DeviceSetting.maxSpeedTowardHome)}

• Read up
  Read up

File maybe_highlight.tsx has 480 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import { store } from "../redux/store";
import { SettingsPanelState } from "../interfaces";
import { toggleControlPanel, bulkToggleControlPanel } from "./toggle_section";
import { getUrlQuery, urlFriendly } from "../util";

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

Open

export const SoilHeight = (props: ZHeightInputProps) =>
  <Highlight settingName={DeviceSetting.fallbackSoilHeight}>
    <Row>
      <Col xs={8}>
        <label>

• Read up
  Read up

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

Open

export const SafeHeight = (props: ZHeightInputProps) =>
  <Highlight settingName={DeviceSetting.safeHeight}>
    <Row>
      <Col xs={8}>
        <label>

• Read up
  Read up

File component.tsx has 467 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import {
  BlurableInput,
  EmptyStateWrapper,
  EmptyStateGraphic,

File data.tsx has 465 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import { t } from "../../i18next_wrapper";
import { FirmwareHardware } from "farmbot";
import { Actions, TourContent } from "../../constants";
import { Tour, TourStep } from "./interfaces";

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 render has 169 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render() {
    const { H_LO, H_HI, S_LO, S_HI, V_LO, V_HI } = this.props;
    const cameraCalibrationEnv = this.props.namespace("H_LO").includes("CAMERA");
    const defaultHLow = this.getDefault(cameraCalibrationEnv ? "H_HI" : "H_LO");
    const defaultHHigh = this.getDefault(cameraCalibrationEnv ? "H_LO" : "H_HI");

File actions.ts has 441 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import axios from "axios";
import { success, warning, info, error } from "../toast/toast";
import { getDevice } from "../device";
import { Everything } from "../interfaces";
import {

File crop_info.tsx has 437 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import { svgToUrl } from "../open_farm/icons";
import {
  CropInfoProps, CropLiveSearchResult, DesignerState, OpenfarmSearch,
} from "../farm_designer/interfaces";

File cards.tsx has 436 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import { t } from "../i18next_wrapper";
import {
  AlertCardProps, AlertCardTemplateProps, FirmwareMissingProps,
  SeedDataMissingProps, SeedDataMissingState, TourNotTakenProps,

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

Open

export const EditPlantDepth = (props: EditPlantDepthProps) =>
  <Row>
    <Col xs={6}>
      <label style={{ marginTop: 0 }}>{t("depth (mm)")}</label>
      <BlurableInput

• Read up
  Read up

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

Open

export const EditPlantRadius = (props: EditPlantRadiusProps) =>
  <Row>
    <Col xs={6}>
      <label style={{ marginTop: 0 }}>{t("radius (mm)")}</label>
      <BlurableInput

• Read up
  Read up

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

Open

        <div className={"tabs"}>
          <label className={realtime ? "selected" : ""}
            onClick={this.setPanelState("realtime")}>{t("realtime")}</label>
          <label className={network ? "selected" : ""}
            onClick={this.setPanelState("network")}>{t("network")}</label>

• Read up
  Read up

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

Open

      <div className={"tabs"}>
        <label className={move ? "selected" : ""}
          onClick={this.setPanelState("move")}>{t("move")}</label>
        <label className={peripherals ? "selected" : ""}
          onClick={this.setPanelState("peripherals")}>{t("peripherals")}</label>

• Read up
  Read up

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

Open

      outcomes: [
        {
          slug: "nothing",
          description: t("Nothing happened"),
          tips: t("Return to the"),

• Read up
  Read up