lint fixes

components/browseArchives/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import RelatedInterviewsList from '../interviews/relatedInterviewsList'
+import RelatedInterviewsList from '../interviews/relatedInterviewsList';
 import InterviewsList from '../interviews/interviewsList';
 import SingleInterview from '../interviews/singleInterview';
 import TopicsList from '../topicsList';
@@ -31,10 +31,16 @@ class Search extends React.Component {
     });
 
     if (event.target.value.length === 0) {
-      this.setState({isSearchActive: false});
+      this.setState({ isSearchActive: false });
     }
   }
 
+  getSelectedInterview() {
+    const { activeSingleInterviewId } = this.state;
+    const selectedInterview = Data.find(item => item.id === activeSingleInterviewId);
+    return selectedInterview;
+  }
+
   toggleInterviewsListModal() {
     const { isInterviewsListModalOpen } = this.state;
     this.setState({
@@ -52,14 +58,13 @@ class Search extends React.Component {
     });
   }
 
-  getSelectedInterview() {
-    const { activeSingleInterviewId } = this.state;
-    const selectedInterview = Data.find( item => item.id === activeSingleInterviewId);
-    return selectedInterview;
-  }
-
   render() {
-    const { isSingleInterviewModalOpen, isInterviewsListModalOpen, isSearchActive, activeSingleInterviewId } = this.state;
+    const {
+      isSingleInterviewModalOpen,
+      isInterviewsListModalOpen,
+      isSearchActive,
+      activeSingleInterviewId,
+    } = this.state;
 
     return (
       <div className="browse-wrap">
@@ -77,11 +82,16 @@ class Search extends React.Component {
         </div>
         <div className="browse-content-wrap container">
           <div className="browse-content-left">
-            {isSearchActive && <RelatedInterviewsList data={Data} toggleSingleInterview={this.toggleSingleInterview} />}
+            {isSearchActive &&
+              (<RelatedInterviewsList
+                data={Data}
+                toggleSingleInterview={this.toggleSingleInterview}
+              />)
+            }
           </div>
           <div className="browse-content-right">
             {isSearchActive ? <SearchResults /> :
-             (
+              (
                 <React.Fragment>
                   <InterviewsList
                     data={Data}

components/interviews/interviewsList/index.js

@@ -17,17 +17,16 @@ const InterviewsList = props => (
       <div className="interviews-list">
         <h4>Interviews ({ props.data.length })</h4>
         <ul>
-          {
+          { props.data.map(interview => (
-            props.data.map(interview =>
+            // eslint-disable-next-line
-              (<li
+            <li
-                id={interview.id}
+              id={interview.id}
-                key={interview.id}
+              key={interview.id}
-                role="button"
+              onClick={props.toggleSingleInterview}
-                tabIndex="0"
+            >
-                onClick={props.toggleSingleInterview}
+              { interview.name }
-              >
+            </li>
-                { interview.name }
+            ))
-              </li>))
           }
         </ul>
       </div>
@@ -37,9 +36,9 @@ const InterviewsList = props => (
 
 InterviewsList.propTypes = {
   isInterviewsListModalOpen: PropTypes.bool.isRequired,
-  data: PropTypes.array.isRequired,
+  data: PropTypes.arrayOf(PropTypes.node).isRequired,
   toggleSingleInterview: PropTypes.func.isRequired,
   toggleInterviewsListModal: PropTypes.func.isRequired,
-}
+};
 
 export default InterviewsList;

components/interviews/relatedInterviewsList/index.js

@@ -6,25 +6,24 @@ const RelatedInterviewsList = props => (
   <div className="related-interviews-list">
     <h4>Related <br />Interviews</h4>
     <ul>
-      {
+      { props.data.map(interview => (
-        props.data.map(interview =>
+        // eslint-disable-next-line
-          (<li
+        <li
-            id={interview.id}
+          id={interview.id}
-            key={interview.id}
+          key={interview.id}
-            role="button"
+          onClick={props.toggleSingleInterview}
-            tabIndex="0"
+        >
-            onClick={props.toggleSingleInterview}
+          { interview.name }
-          >
+        </li>
-            { interview.name }
+        ))
-          </li>))
       }
     </ul>
   </div>
 );
 
 RelatedInterviewsList.propTypes = {
-  data: PropTypes.array.isRequired,
+  data: PropTypes.arrayOf(PropTypes.node).isRequired,
   toggleSingleInterview: PropTypes.func.isRequired,
-}
+};
 
 export default RelatedInterviewsList;

components/interviews/singleInterview/index.js

@@ -6,7 +6,7 @@ import './style.scss';
 
 const SingleInterview = props => (
   <Modal
-    isModalOpen={true}
+    isModalOpen
     closeModal={props.toggleSingleInterview}
   >
     <div className="single-interview">
@@ -18,7 +18,9 @@ const SingleInterview = props => (
 
 SingleInterview.propTypes = {
   activeSingleInterviewId: PropTypes.number.isRequired,
-  selectedInterview: PropTypes.shape({}).isRequired,
+  selectedInterview: PropTypes.shape({
+    content: PropTypes.string.isRequired,
+  }).isRequired,
   toggleSingleInterview: PropTypes.func.isRequired,
 };
 

components/searchResults/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import './style.scss';
 
-const SearchResults = props => (
+const SearchResults = () => (
   <div className="search-results">
     <p>Search results go here</p>
   </div>