department-of-veterans-affairs/vets-website

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

Open

  render() {
    const { supplies, order, eligibility } = this.props;
    const currentDate = moment();
    const apneaSupplies = supplies.filter(
      supply => supply.productGroup === APNEA,

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

Open

ApneaSupplies.propTypes = {
  eligibility: PropTypes.object,
  formData: PropTypes.object,
  order: PropTypes.arrayOf(
    PropTypes.shape({

• Read up
  Read up

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

Open

  handleChecked = (checked, apneaSupply) => {
    const { order, formData } = this.props;
    let updatedOrder;
    const isSupplyChecked = checked ? 'yes' : 'no';
    recordEvent({

• Read up
  Read up

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

Open

              <div className="vads-u-border-color--gray-lightest">
                <div className="usa-alert-body">
                  <p className="vads-u-margin-y--1p5">
                    <span className="vads-u-font-weight--bold">Quantity: </span>
                    {apneaSupply.quantity}

• Read up
  Read up

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

Open

        {!haveApneaSuppliesBeenOrderedInLastTwoYears &&
          !areApneaSuppliesEligible && (
            <va-alert status="info" visible>
              <h3 slot="headline">
                You can’t add CPAP supplies to your order at this time

• Read up
  Read up

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

Open

                  {currentDate.diff(apneaSupply.nextAvailabilityDate, 'days') <
                    0 && apneaSupply.availableForReorder ? (
                    <div className="usa-alert usa-alert-warning vads-u-background-color--white vads-u-padding-x--2p5 vads-u-padding-y--2 vads-u-width--full">
                      <div className="usa-alert-body">
                        <h3 className="usa-alert-heading vads-u-font-family--sans">

• Read up
  Read up

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

Open

const mapStateToProps = state => ({
  supplies: state.form?.data?.supplies,
  formData: state.form?.data,
  order: state.form?.data?.order,
  eligibility: state.form?.data?.eligibility,

• Read up
  Read up

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

Open

                      <input
                        id={apneaSupply.productId}
                        className="vads-u-margin-left--0"
                        type="checkbox"
                        onChange={e =>

• Read up
  Read up

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

Open

              {apneaSupply.availableForReorder ? (
                <div>
                  {currentDate.diff(apneaSupply.nextAvailabilityDate, 'days') <
                    0 && apneaSupply.availableForReorder ? (
                    <div className="usa-alert usa-alert-warning vads-u-background-color--white vads-u-padding-x--2p5 vads-u-padding-y--2 vads-u-width--full">

• Read up
  Read up

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

Open

            <div
              key={apneaSupply.productId}
              className={classnames({
                'vads-u-background-color--gray-lightest vads-u-margin-y--3': true,
                'vads-u-border-color--primary vads-u-border--3px vads-u-padding--21': isApneaSupplySelected(

• Read up
  Read up

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

Open

                      <label
                        htmlFor={apneaSupply.productId}
                        className={classnames({
                          'usa-button vads-u-font-weight--bold vads-u-border--2px vads-u-border-color--primary vads-u-text-align--left vads-u-padding-x--2': true,
                          'vads-u-color--white': isApneaSupplySelected(

• Read up
  Read up

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

Open

  componentDidMount() {
    const areApneaSuppliesEligible = this.props.eligibility?.apneas;
    if (!areApneaSuppliesEligible) {
      recordEvent({
        event: 'bam-error',

• Read up
  Read up

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

Open

    const haveApneaSuppliesBeenOrderedInLastTwoYears =
      apneaSupplies.length > 0 &&
      apneaSupplies.every(
        apneaSupply =>
          currentDate.diff(apneaSupply.lastOrderDate, 'years') <= 2,

• Read up
  Read up

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

Open

    const isApneaSupplySelected = apneaProductId => {
      const selectedProductIds = order.map(
        selectedProduct => selectedProduct.productId,
      );
      return selectedProductIds.includes(apneaProductId);

• Read up
  Read up