department-of-veterans-affairs/vets-website

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

Open

export const SelectCategories = [
  {
    value: 'general',
    label: 'General',
  },

• Read up
  Read up

File DashboardCardsMock.jsx has 266 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import {
  VaPagination,
  VaSelect,
} from '@department-of-veterans-affairs/component-library/dist/react-bindings';
import { focusElement } from '@department-of-veterans-affairs/platform-utilities/ui';

File CreditCardBill.jsx has 266 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useState } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { setData } from 'platform/forms-system/src/js/actions';
import { isValidCurrency } from '../../utils/validations';

Function getBoardExplanation has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const getBoardExplanation = formResponses => {
  const reason = formResponses[SHORT_NAME_MAP.REASON];
  const noPrevApp =
    formResponses[SHORT_NAME_MAP.PREV_APPLICATION] === RESPONSES.NO;
  const prevAppType = formResponses[SHORT_NAME_MAP.PREV_APPLICATION_TYPE];

Function BenefitSelectionWarning has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function BenefitSelectionWarning(chapter, relationship) {
  let warningText = '';
  if (chapter === 'chapter33') {
    // Fry
    if (relationship === 'child') {

Function CustomAttestation has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function CustomAttestation(signatureProps) {
  const { formData } = signatureProps;
  const isBeneficiary = get('certifierRole', formData) === 'applicant';

  const pp = (

Function IntroductionPage has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const IntroductionPage = props => {
  const { route } = props;
  const { formConfig, pageList } = route;

  return (

Function IsUserLoggedIn has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const IsUserLoggedIn = () => {
  const user = useSelector(selectUser);
  const isUserLOA1 = useSelector(isLOA1);
  const response = useSelector(state => state.personalInfo);
  const { useToggleValue, TOGGLE_NAMES } = useFeatureToggle();

File TermsOfUse.jsx has 265 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useState, useEffect } from 'react';
import { useSelector } from 'react-redux';
import { apiRequest } from '@department-of-veterans-affairs/platform-utilities/exports';
import { VaModal } from '@department-of-veterans-affairs/component-library/dist/react-bindings';
import {

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

Open

  render() {
    const { form } = this.props;
    const { submission, /* formId, */ data } = form;
    const submitDate = submission.timestamp;
    const confirmationNumber = submission.response?.confirmationNumber;

Function content has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    () => {
      if (isLoading || awaitingResults) {
        return <LoadingIndicator />;
      }

Function selectRequestedAppointmentData has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function selectRequestedAppointmentData(state, appointment) {
  const featureVAOSServiceCCAppointments = selectFeatureVAOSServiceCCAppointments(
    state,
  );
  const { facilityData } = state?.appointments || [];

Function DeleteDraftModal has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const DeleteDraftModal = props => {
  const { unsavedDraft, draftSequence } = props;
  return (
    <VaModal
      id={`delete-draft-modal${draftSequence ? `-${draftSequence}` : ''}`}

Function routeToPageInFlow has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function routeToPageInFlow(callback, history, current, action, data) {
  return async (dispatch, getState) => {
    const flow = callback(getState());

    dispatch({

Function LandingPageContainer has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const LandingPageContainer = () => {
  const { featureToggles, user } = useSelector(state => state);
  const [unreadMessageCount, setUnreadMessageCount] = useState();
  const profile = useSelector(selectProfile);
  const ssoe = useSelector(isAuthenticatedWithSSOe);

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

Open

  render() {
    const { logo, title, grants } = this.props.attributes;

    return (
      <div

Function useHighlightedClaimOrAppeal has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const useHighlightedClaimOrAppeal = (appealsData, claimsData) => {
  // the appeals data sorted with the most recently updated appeal first
  const sortedAppeals = React.useMemo(
    () => {
      // Array sorting is done in place. Sorting `appealsData` directly was

Function fetchNotifications has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const fetchNotifications = () => async dispatch => {
  const getNotifications = () => {
    const options = {
      method: 'GET',
      credentials: 'include',

Function content has 59 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const content = () => {
    if (labAndTestDetails) {
      return (
        <>
          <PrintHeader />

File PrescriptionPrintOnly.jsx has 265 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import PropTypes from 'prop-types';
import {
  pdfStatusDefinitions,
  pdfDefaultStatusDefinition,