FarmBot/Farmbot-Web-App

Function PrivateOverlay has 102 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const PrivateOverlay = (props: OverlayProps) => {
  const bedMin = props.config.bedWallThickness * 2;
  const { config, setConfig } = props;
  const [paramAdd, setParamAdd] = React.useState(false);
  const common = { ...props, paramAdd };

File config_overlays.tsx has 336 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from "react";
import { Config, modifyConfig } from "./config";
import { setUrlParam } from "./zoom_beacons_constants";
import { ExternalUrl } from "../external_urls";

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

Open

export const PublicOverlay = (props: OverlayProps) => {
  const { config, setConfig, toolTip, setToolTip } = props;

  const Section = (sectionProps: SectionProps) => {
    const { title, configKey, options } = sectionProps;

Function PromoInfo has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const PromoInfo = (props: PromoInfoProps) => {
  const { isGenesis } = props;
  return <div className="promo-info">
    <h2 className="title">Explore our models</h2>
    {isGenesis

Function Section has 34 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const Section = (sectionProps: SectionProps) => {
    const { title, configKey, options } = sectionProps;
    return <div className={"setting-section"}>
      <div className="setting-title">{title}</div>
      <div className={"row"}>

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

Open

      onChange={e => {
        const newValue = e.target.checked;
        const update = { [configKey]: newValue };
        setConfig(modifyConfig(config, update));
        maybeAddParam(props.paramAdd, configKey, "" + newValue);

• Read up
  Read up

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

Open

  const change = (e: React.ChangeEvent<HTMLInputElement>) => {
    const newValue = e.target.value;
    const update = { [configKey]: newValue };
    setConfig(modifyConfig(config, update));
    maybeAddParam(props.paramAdd, configKey, "" + newValue);

• Read up
  Read up

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

Open

      ? <div className="description">
        <p className="short">
          FarmBot Genesis is our flagship kit for prosumers and enthusiasts.
        </p>
        <p className="full">

• Read up
  Read up

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

Open

      : <div className="description">
        <p className="short">
          Covering 400% the area, Genesis XL can grow enough veggies for a
          family of four.
        </p>

• Read up
  Read up