import React from 'react';
import PropTypes from 'prop-types';
import { withRouter } from 'react-router';
import classNames from 'classnames';
import NavItem from '../navItem/navItem';
import styles from './navDropdown.css';

function NavDropdown(props) {
  const classes = classNames({
    [`${styles.child}`]: true,
    [`${styles.opaque}`]: !(props.location.pathname === '/')
  });

  return (
    <div className={styles.parent}>
      <NavItem text={`${props.text} ${''} ▾`} />
      <ul className={styles.content}>
        {props.children.map(v => (
          <li key={v.props.text} className={classes}>
            {v}
          </li>
        ))}
      </ul>
    </div>
  );
}

NavDropdown.propTypes = {
  children: PropTypes.arrayOf(PropTypes.object).isRequired, // eslint-disable-line react/forbid-prop-types
  text: PropTypes.string.isRequired,
  location: PropTypes.object.isRequired // eslint-disable-line react/forbid-prop-types
};

export default withRouter(NavDropdown);

@@ -703,16 +703,63 @@
 pes = %7B%0A
+  /* eslint-disable react/forbid-prop-types */%0A
   childr
@@ -813,55 +813,8 @@
 red,
- // eslint-disable-line react/forbid-prop-types
 %0A  t
@@ -890,11 +890,13 @@
 ired
- //
+%0A  /*
  esl
@@ -910,13 +910,8 @@
 able
--line
  rea
@@ -930,16 +930,19 @@
 op-types
+ */
 %0A%7D;%0A%0Aexp

Change eslint-disable method