FarmBot/Farmbot-Web-App

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

Open

  render() {
    const { env, dispatch, saveFarmwareEnv } = this.props;
    const { width, height } = getCurrentSizeSetting(env);
    const selectedSize = getSelection(width, height);

Function PhotoResolutionSettingChanged has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  (props: CaptureSizeSelectionProps) => {
    const { env, dispatch, saveFarmwareEnv } = props;
    const { width, height } = getCurrentSizeSetting(env);
    const selectedLongEdge = Math.max(parseInt(width), parseInt(height));
    const calibratedX = env["CAMERA_CALIBRATION_center_pixel_location_x"];

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

Open

            <Row className="row grid-2-col">
              <label>{t("width")}</label>
              <BlurableInput type="number"
                value={width}
                onCommit={e => dispatch(saveFarmwareEnv(

• Read up
  Read up

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

Open

            <Row className="row grid-2-col">
              <label>{t("height")}</label>
              <BlurableInput type="number"
                value={height}
                onCommit={e => dispatch(saveFarmwareEnv(

• Read up
  Read up

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

Open

          <div className="row grid-exp-2 half-gap">
            <label>{t("resolution")}</label>
            <Help text={ToolTips.IMAGE_RESOLUTION} />
          </div>

• Read up
  Read up

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

Open

enum Size {
  maximum = "maximum",
  custom = "custom",
  r320x240 = "320x240",
  r640x480 = "640x480",

• Read up
  Read up