FarmBot/Farmbot-Web-App

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

Open

  render() {
    const { group, dispatch, slugs } = this.props;
    const { criteria } = group.body;
    const commonProps = { group, criteria, dispatch };
    const dayProps = {

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

Open

  render() {
    const { maxCount } = this.state;
    const { group, hovered, dispatch, iconDisplay } = this.props;
    const manuallyAddedIds = group.body.point_ids;
    const sortedPoints = this.sortedGroup;

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

Open

        {iconDisplay && criteriaPoints.length > 0 &&
          <div className={"point-list-wrapper"}>
            {take(criteriaPoints, maxCount).map(generatePointIcons)}
            <MoreIndicatorIcon count={criteriaPoints.length}
              maxCount={maxCount} onClick={this.toggleExpand} />

• Read up
  Read up

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

Open

      {iconDisplay && manualPoints.length > 0 &&
        <div className={"point-list-wrapper"}>
          {take(manualPoints, maxCount).map(generatePointIcons)}
          <MoreIndicatorIcon count={manualPoints.length}
            maxCount={maxCount} onClick={this.toggleExpand} />

• Read up
  Read up

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

Open

      <div className={"manual-group-member-count"}>
        <p>{`${manualPoints.length} ${t("manually selected")}`}</p>
        <ClearPointIds dispatch={dispatch} group={group} />
      </div>

• Read up
  Read up

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

Open

        <div className={"criteria-group-member-count"}>
          <p>{`${criteriaPoints.length} ${t("selected by filters")}`}</p>
          <ClearCriteria dispatch={dispatch} group={group} />
        </div>

• Read up
  Read up