department-of-veterans-affairs/vets-website

File MCPAlerts.jsx has 273 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import recordEvent from 'platform/monitoring/record-event';
import { CONTACTS } from '@department-of-veterans-affairs/component-library/contacts';
import PropTypes from 'prop-types';
import { currency, calcDueDate, formatDate } from '../utils/helpers';

Avoid too many return statements within this function.

Open

      return <Alert.Error />;

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

Open

    <p>
      <strong className="vads-u-margin-right--0p5">
        For questions about your payment or relief options,
      </strong>
      contact us at{' '}

• Read up
  Read up

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

Open

      <p>
        <strong className="vads-u-margin-right--0p5">
          If you haven’t either paid your full balance or requested financial
          help,
        </strong>

• Read up
  Read up

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

Open

Alert.PastDue.propTypes = {
  copay: PropTypes.shape({
    pSStatementDateOutput: PropTypes.string,
    pHAmtDue: PropTypes.number,
  }),

• Read up
  Read up

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

Open

Alert.Status.propTypes = {
  copay: PropTypes.shape({
    pSStatementDateOutput: PropTypes.string,
    pHAmtDue: PropTypes.number,
  }),

• Read up
  Read up

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

Open

    <p>
      You may need to continue making payments while we review your request.
      Call us at{' '}
      <span className="no-wrap">
        <va-telephone contact="8664001238" />

• Read up
  Read up

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

Open

    <p>
      If you think this is incorrect, call our toll-free hotline at{' '}
      <span className="no-wrap">
        <va-telephone contact="8772228387" />
      </span>

• Read up
  Read up

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

Open

    case 'past-due-balance':
      recordEvent({
        event: 'visible-alert-box',
        'alert-box-type': 'info',
        'alert-box-heading': 'Your balance may be overdue',

• Read up
  Read up

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

Open

    case 'zero-balance':
      recordEvent({
        event: 'visible-alert-box',
        'alert-box-type': 'info',
        'alert-box-heading': 'You don’t need to make a payment at this time',

• Read up
  Read up