AugurProject/augur-ui

File reporting-payouts.jsx has 284 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { Component } from "react";
import PropTypes from "prop-types";
import classNames from "classnames";
import ReactTooltip from "react-tooltip";
import { formatAttoRep } from "utils/format-number";

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

Open

  render() {
    const { outcomes, marketId, isMobile, isMobileSmall } = this.props;

    const numShown =
      isMobile && !isMobileSmall ? NUM_CELLS_SHOWN_MOBILE : NUM_CELLS_SHOWN;

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

Open

Outcome.propTypes = {
  outcome: PropTypes.object.isRequired,
  className: PropTypes.string.isRequired,
  marketId: PropTypes.string.isRequired
};

• Read up
  Read up

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

Open

            <span
              data-testid={"disputeBond-" + marketId + "-" + outcome.id}
              className={
                Styles["MarketReportingPayouts__progress-bar-total-rep-text"]
              }

• Read up
  Read up

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

Open

          {outcomes.length > 0 && (
            <Outcome
              className={Styles["MarketReportingPayouts__height-sentinel"]}
              outcome={outcomes[0]}
              marketId={marketId}

• Read up
  Read up

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

Open

            <span
              data-testid={"disputeBondTarget-" + marketId + "-" + outcome.id}
              className={
                Styles["MarketReportingPayouts__progress-bar-goal-text"]
              }

• Read up
  Read up

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

Open

    const showMoreText = this.state.isOpen
      ? `- ${totalOutcomes - numShown} less`
      : `+ ${totalOutcomes - numShown} more`;

• Read up
  Read up