department-of-veterans-affairs/vets-website

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

Open

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

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

Open

Accessories.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, accessorySupply) => {
    const { order, formData } = this.props;
    let updatedOrder;
    const isSupplyChecked = checked ? 'yes' : 'no';
    recordEvent({

• Read up
  Read up

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

Open

              {currentDate.diff(accessorySupply.nextAvailabilityDate, 'days') <
              0 ? (
                <va-alert status="warning">
                  <h3 className="usa-alert-heading vads-u-font-family--sans">
                    You can't order this accessory online until{' '}

• 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>
                    {accessorySupply.quantity}

• Read up
  Read up

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

Open

        {accessorySupplies.length > 0 && (
          <va-additional-info
            trigger="What if the accessories I need aren’t listed here?"
            className="vads-u-margin-bottom--2"
          >

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

            <div
              key={accessorySupply.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 dd-privacy-mask': isAccessorySelected(

• Read up
  Read up

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

Open

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

• Read up
  Read up

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

Open

    const haveAccessoriesBeenOrderedInLastTwoYears =
      accessorySupplies.length > 0 &&
      accessorySupplies.every(
        accessory => currentDate.diff(accessory.lastOrderDate, 'years') <= 2,
      );

• Read up
  Read up

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

Open

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

• Read up
  Read up