fix linting issues

src/components/Lookup/Lookup.jsx

@@ -9,14 +9,14 @@ import {
   ToolbarGroup,
 } from '@patternfly/react-core';
 
-import CheckboxListItem from '../ListItem'
+import CheckboxListItem from '../ListItem';
 
 class Lookup extends React.Component {
-  constructor(props) {
+  constructor (props) {
     super(props);
     this.state = {
       isModalOpen: false,
-    }
+    };
     this.handleModalToggle = this.handleModalToggle.bind(this);
     this.onLookup = this.onLookup.bind(this);
     this.onChecked = this.onChecked.bind(this);
@@ -24,46 +24,54 @@ class Lookup extends React.Component {
     this.onRemove = this.onRemove.bind(this);
   }
 
-  handleModalToggle() {
-    this.setState((prevState, _) => ({
-      isModalOpen: !prevState.isModalOpen,
-    }));
-  };
-
-  onLookup() {
+  onLookup () {
     this.handleModalToggle();
   }
 
-  onChecked(_, evt) {
-    this.props.lookupChange(evt.target.value);
-  };
-
-  onRemove(evt) {
-    this.props.lookupChange(evt.target.id);
-  }
-  wrapTags(tags) {
-    return tags.filter(tag => tag.isChecked).map((tag, index) => {
-      return (
-        <span className="awx-c-tag--pill" key={index}>{tag.name}<span className="awx-c-icon--remove" id={tag.id} onClick={this.onRemove}>x</span></span>
-      )
-    })
+  onChecked (_, evt) {
+    const { lookupChange } = this.props;
+    lookupChange(evt.target.value);
   }
 
-  render() {
+  onRemove (evt) {
+    const { lookupChange } = this.props;
+    lookupChange(evt.target.id);
+  }
+
+  handleModalToggle () {
+    this.setState((prevState) => ({
+      isModalOpen: !prevState.isModalOpen,
+    }));
+  }
+
+  wrapTags (tags) {
+    return tags.filter(tag => tag.isChecked).map((tag) => (
+      <span className="awx-c-tag--pill" key={tag.id}>
+        {tag.name}
+        <Button className="awx-c-icon--remove" id={tag.id} onClick={this.onRemove}>
+          x
+        </Button>
+      </span>
+    ));
+  }
+
+  render () {
     const { isModalOpen } = this.state;
-    const { data } = this.props;
+    const { data, lookupHeader } = this.props;
     return (
       <div className="pf-c-input-group awx-lookup">
-        <span className="pf-c-input-group__text" aria-label="search" id="search" onClick={this.onLookup}><SearchIcon /></span>
-        <div className="pf-c-form-control">{this.wrapTags(this.props.data)}</div>
+        <Button className="pf-c-input-group__text" aria-label="search" id="search" onClick={this.onLookup}>
+          <SearchIcon />
+        </Button>
+        <div className="pf-c-form-control">{this.wrapTags(data)}</div>
         <Modal
           className="awx-c-modal"
-          title={`Select ${this.props.lookupHeader}`}
+          title={`Select ${lookupHeader}`}
           isOpen={isModalOpen}
           onClose={this.handleModalToggle}
         >
           <ul className="pf-c-data-list awx-c-list">
-            {data.map(i =>
+            {data.map(i => (
               <CheckboxListItem
                 key={i.id}
                 itemId={i.id}
@@ -71,12 +79,12 @@ class Lookup extends React.Component {
                 isSelected={i.isChecked}
                 onSelect={this.onChecked}
               />
-            )}
+            ))}
           </ul>
           <ActionGroup className="at-align-right">
             <Toolbar>
               <ToolbarGroup>
-                <Button className="at-C-SubmitButton" variant="primary" onClick={this.handleModalToggle} >Select</Button>
+                <Button className="at-C-SubmitButton" variant="primary" onClick={this.handleModalToggle}>Select</Button>
               </ToolbarGroup>
               <ToolbarGroup>
                 <Button className="at-C-CancelButton" variant="secondary" onClick={this.handleModalToggle}>Cancel</Button>
@@ -85,7 +93,7 @@ class Lookup extends React.Component {
           </ActionGroup>
         </Modal>
       </div>
-    )
+    );
   }
 }
 export default Lookup;