lint fixes

src/components/filter/filter.jsx

@@ -23,21 +23,20 @@ const FilterComponent = props => {
             <img
                 className={styles.filterIcon}
                 src={filterIcon}
-            ></img>
+            />
             <input
                 autoFocus
                 className={styles.filterInput}
-                type='text'
                 placeholder={placeholderText}
+                type="text"
                 value={filterQuery}
                 onChange={onChange}
-            >
-            </input>
+            />
             <div className={styles.xIconWrapper}>
                 <img
                     className={styles.xIcon}
                     src={xIcon}
-                ></img>
+                />
             </div>
         </div>
     );
@@ -45,6 +44,8 @@ const FilterComponent = props => {
 
 FilterComponent.propTypes = {
     active: PropTypes.bool,
+    filterQuery: PropTypes.string,
+    onChange: PropTypes.func,
     placeholderText: PropTypes.string
 };
 FilterComponent.defaultProps = {

src/components/library/library.jsx

-const classNames = require('classnames');
 const bindAll = require('lodash.bindall');
 const PropTypes = require('prop-types');
 const React = require('react');

src/components/modal/modal.jsx

@@ -24,7 +24,7 @@ class ModalComponent extends React.Component {
                 >
                     <div className={styles.header}>
                         <div className={classNames(styles.headerItem, styles.headerItemFilter)}>
-                            <Filter></Filter>
+                            <Filter />
                         </div>
                         <div
                             className={classNames(
@@ -56,6 +56,7 @@ class ModalComponent extends React.Component {
 ModalComponent.propTypes = {
     children: PropTypes.node,
     contentLabel: PropTypes.string.isRequired,
+    onRequestClose: PropTypes.func,
     visible: PropTypes.bool.isRequired
 };
 

src/containers/filter.jsx

 const bindAll = require('lodash.bindall');
-const PropTypes = require('prop-types');
 const React = require('react');
 
 const FilterComponent = require('../components/filter/filter.jsx');
@@ -8,21 +7,21 @@ class Filter extends React.Component {
     constructor (props) {
         super(props);
         bindAll(this, [
-            'updateSearch'
+            'handleOnChange'
         ]);
         this.state = {
             active: false,
             filterQuery: ''
         };
     }
-    updateSearch(event) {
+    handleOnChange (event) {
         this.setState({
             filterQuery: event.target.value
-        })
-        if(event.target.value){
+        });
+
+        if (event.target.value){
             this.setState({active: true});
-        }
-        else {
+        } else {
             this.setState({active: false});
         }
     }
@@ -31,7 +30,7 @@ class Filter extends React.Component {
             <FilterComponent
                 active={this.state.active}
                 filterQuery={this.state.filterQuery}
-                onChange={this.updateSearch}
+                onChange={this.handleOnChange}
             />
         );
     }