File LocationSearchResults.jsx has 693 lines of code (exceeds 250 allowed). Consider refactoring.

Open

/* eslint-disable react/jsx-no-bind */
/* eslint-disable react-hooks/exhaustive-deps */
/* eslint-disable react/prop-types */
/* eslint-disable jsx-a11y/no-noninteractive-tabindex */

Function LocationSearchResults has a Cognitive Complexity of 39 (exceeds 5 allowed). Consider refactoring.

Open

function LocationSearchResults({
  search,
  filters,
  preview,
  dispatchUpdateEligibilityAndFilters,

• Read up
  Read up

Consider simplifying this complex logical expression.

Open

    if (showTuitionAndFilters) {
      return (
        <>
          {!smallScreen && (
            <>

Function resultCards has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    (institution, index) => {
      const { distance, name } = institution;
      const miles = Number.parseFloat(distance).toFixed(2);
      const { currentPage } = pagination;

Function noResultsFound has 37 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const noResultsFound = cnt => {
    const noResultsNoFilters = cnt === 0 && !usedFilters;
    const noResultsWithFilters = cnt === 0 && usedFilters;

    return (

Function mapElement has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const mapElement = (visible = true) => {
    const containerClassNames = classNames({
      'vads-u-display--none': !visible,
    });
    const isMobileDevice = smallScreen || landscape;

Function setupMap has 36 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const setupMap = () => {
    if (map.current) return; // initialize map only once
    const container = document.getElementById('mapbox-gl-container');
    if (!container) return;

Function searchResults has 33 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const searchResults = (cnt, visible = true) => {
    if (cnt > 0) {
      const containerClassNames = classNames(
        'location-search-results-container',
        'usa-grid',

Function addMapMarker has 29 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const addMapMarker = (institution, index, locationBounds, mapMarkers) => {
    const { latitude, longitude, name } = institution;
    const lngLat = new mapboxgl.LngLat(longitude, latitude);

    const markerElement = document.createElement('div');

Function getTab has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const getTab = tabName => {
    const activeTab = tabName === mobileTab;
    const tabClasses = classNames(
      {
        'active-results-tab': activeTab,

Function eligibilityAndFilters has 28 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  const eligibilityAndFilters = cnt => {
    const showTuitionAndFilters = cnt > 0 || usedFilters;

    if (showTuitionAndFilters) {
      return (

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

Open

LocationSearchResults.propTypes = {
  dispatchFetchSearchByLocationCoords: PropTypes.func,
  dispatchMapChanged: PropTypes.func,
  dispatchUpdateEligibilityAndFilters: PropTypes.func,
  filters: PropTypes.object,

• Read up
  Read up

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

Open

            <ul>
              <li>
                <strong>Zoom in or out</strong> to view a different area of the
                map, or
              </li>

• Read up
  Read up