FarmBot/Farmbot-Web-App

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

Open

  render() {
    return <div className="photos">
      <NewPhotoButtons
        syncStatus={this.props.syncStatus}
        botToMqttStatus={this.props.botToMqttStatus}

Function PhotoButtons has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const PhotoButtons = (props: PhotoButtonsProps) => {
  const { imageUrl } = props;
  const { image, dispatch, flags, size } = props;
  const imageShowMenuProps = { dispatch, flags, image, size };
  return <div className={"photo-action-buttons"}>

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

Open

export const PhotoFooter = (props: PhotoFooterProps) => {
  const { image, timeSettings } = props;
  const created_at = image
    ? formatTime(moment(image.body.created_at), timeSettings, "MMMM Do, YYYY")
    : "";

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

Open

  return <GoToThisLocationButton
    dispatch={props.dispatch}
    locationCoordinate={{ x, y, z }}
    botOnline={props.botOnline}
    arduinoBusy={props.arduinoBusy}

• Read up
  Read up

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

Open

    {imageUrl &&
      <i title={t("Toggle crop")}
        className={[
          "fa fa-scissors",
          props.canCrop ? "" : "disabled",

• Read up
  Read up

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

Open

    {imageUrl &&
      <i title={t("Toggle rotation")}
        className={[
          "fa fa-repeat",
          props.canTransform ? "" : "disabled",

• Read up
  Read up