department-of-veterans-affairs/vets-website

File YourClaimsPageV2.jsx has 302 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import { connect } from 'react-redux';
import { VaPagination } from '@department-of-veterans-affairs/component-library/dist/react-bindings';
import PropTypes from 'prop-types';

File ComparePage.jsx has 302 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, {
  useEffect,
  useRef,
  useState,
  useCallback,

File index.jsx has 302 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable react/sort-prop-types */
/* eslint-disable react/static-property-placement */
// Dependencies.
import React, { Component } from 'react';
import {

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

Open

  render() {
    const { route } = this.props;
    const { formConfig, pageList } = route;

    return (

Function FileFieldCustom has 81 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function FileFieldCustom(props) {
  const updateButton = (
    // eslint-disable-next-line @department-of-veterans-affairs/prefer-button-component
    <button type="submit" onClick={props.updatePage}>
      Update page

Function renderResultsSection has 81 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const renderResultsSection = () => {
    const {
      currentQuery,
      searchResults,
      pagination,

Function usePostTravelOnlyClaim has 81 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const usePostTravelOnlyClaim = props => {
  const { router } = props;
  const { jumpToPage } = useFormRouting(router);
  const [isLoading, setIsLoading] = useState(false);
  const [isComplete, setIsComplete] = useState(false);

Function useFormRouting has 81 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const useFormRouting = (router = {}) => {
  const selectForm = useMemo(makeSelectForm, []);
  const { pages, data } = useSelector(selectForm);

  const selectApp = useMemo(makeSelectApp, []);

File actions.js has 301 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import * as Sentry from '@sentry/browser';

import recordEvent from '../../monitoring/record-event';
import { logOut } from '../../user/authentication/actions';
import { apiRequest } from '../../utilities/api';

Function OfficialGovtWebsite has 80 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export const OfficialGovtWebsite = () => {
  const [expanded, setExpanded] = useState(false);

  const onToggle = () => {
    if (expanded) {

File RoutedSavableApp.jsx has 300 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React from 'react';
import PropTypes from 'prop-types';
import Scroll from 'react-scroll';
import { withRouter } from 'react-router';
import { connect } from 'react-redux';

Function AdditionalConsiderationTemplate has 80 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function AdditionalConsiderationTemplate(page, formField, options = {}) {
  const { title, additionalInfo } = page;
  const additionalInfoViewName = `view:${page.name}AdditionalInfo`;
  const displayTypeMapping = {
    [formFields.federallySponsoredAcademy]: 'Academy',

Function priorServiceStatement has 80 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const priorServiceStatement = () => {
    const onDD214LinkClick = () => {
      router.push(ROUTES.DD214);
    };

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

Open

  render() {
    const { form } = this.props;
    const { submission, data } = form;

    const submitDate = new Date(submission?.timestamp);

Function onAddFile has 80 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const onAddFile = async (event, index = null, password) => {
    if (event.target?.files?.length) {
      const currentFile = event.target.files[0];
      const allFiles = props.formData || [];
      const addUiOptions = props.uiSchema['ui:options'];

Function onAddFile has 80 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const onAddFile = async (event, index = null, password) => {
    if (event.target?.files?.length) {
      const currentFile = event.target.files[0];
      const allFiles = props.formData || [];
      const addUiOptions = props.uiSchema['ui:options'];

Function ApplicationDownloadLink has 80 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const ApplicationDownloadLink = () => {
  const [loading, isLoading] = useState(false);
  const [errors, setErrors] = useState([]);

  // define local use variables

Function ClosestCityStatePage has 80 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function ClosestCityStatePage() {
  const pageTitle = useSelector(state => getPageTitle(state, pageKey));

  const uiSchema = {
    communityCareSystemId: {

Function HealthConditions has 80 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const HealthConditions = () => {
  const dispatch = useDispatch();
  const updatedRecordList = useSelector(
    state => state.mr.conditions.updatedList,
  );

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

Open

  if (suffix) {
    newData[formFields.viewUserFullName].userFullName.suffix =
      state?.form?.pages?.applicantInformation?.schema?.properties[
        formFields.viewUserFullName
      ]?.properties?.userFullName?.properties?.suffix?.enum?.find(e =>

• Read up
  Read up