department-of-veterans-affairs/vets-website

File SearchMenu.jsx has 305 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import PropTypes from 'prop-types';
import React from 'react';
import { connect } from 'react-redux';
import { toggleValues } from 'platform/site-wide/feature-toggles/selectors';
import FEATURE_FLAG_NAMES from 'platform/utilities/feature-toggles/featureFlagNames';

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

Open

  render() {
    const { makeForm } = this;
    const { cssClass, clickHandler, isOpen } = this.props;

    const buttonClasses = classNames(

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

Open

  fetchDropDownSuggestions = async inputValue => {
    // encode user input for query to suggestions url
    const encodedInput = encodeURIComponent(inputValue);

    // fetch suggestions

• Read up
  Read up

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

Open

  componentDidMount() {
    const { searchDropdownComponentEnabled } = this.props;
    if (!searchDropdownComponentEnabled) {
      document.addEventListener('keyup', event => {
        if (

• Read up
  Read up

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

Open

  componentWillUnmount() {
    const { searchDropdownComponentEnabled } = this.props;
    if (!searchDropdownComponentEnabled) {
      document.removeEventListener('keyup', event => {
        if (

• Read up
  Read up

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

Open

            <button
              type="submit"
              data-e2e-id="sitewide-search-submit-button"
              className="vads-u-margin-right--0p5"
            >

• Read up
  Read up

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

Open

    recordEvent({
      event: 'view_search_results',
      'search-page-path': document.location.pathname,
      'search-query': inputValue,
      'search-results-total-count': undefined,

• Read up
  Read up

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

Open

      <>
        {/* search icon on the header (next to "Search") */}
        {/* Convert to va-icon when injected header/footer split is in prod: https://github.com/department-of-veterans-affairs/vets-website/pull/27590 */}
        <svg
          aria-hidden="true"

• Read up
  Read up

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

Open

    recordEvent({
      event: 'view_search_results',
      'search-page-path': document.location.pathname,
      'search-query': inputValue,
      'search-results-total-count': undefined,

• Read up
  Read up

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

Open

    recordEvent({
      event: 'view_search_results',
      'search-page-path': document.location.pathname,
      'search-query': userInput,
      'search-results-total-count': undefined,

• Read up
  Read up

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

Open

SearchMenu.propTypes = {
  isOpen: PropTypes.bool.isRequired,
  clickHandler: PropTypes.func,
  cssClass: PropTypes.string,
  debounceRate: PropTypes.number,

• Read up
  Read up