Fix click search

components/browseArchives/index.js

@@ -241,7 +241,7 @@ class BrowseArchives extends React.Component {
           <div className="browse-content-left">
             {isSearchActive &&
               (<RelatedInterviewsList
-                data={interviewData}
+                data={searchResults}
                 toggleSingleInterview={this.toggleSingleInterview}
               />)
             }

components/interviews/relatedInterviewsList/index.js

@@ -2,22 +2,30 @@ import React from 'react';
 import { PropTypes } from 'prop-types';
 import './style.scss';
 
-const RelatedInterviewsList = props => (
-  <div className="related-interviews-list">
-    <h4>Related <br />Interviews</h4>
-    <ul>
-      { props.data.map(interview => (
-        <li
-          id={interview.id}
-          key={interview.id}
-        >
-          <button onClick={props.toggleSingleInterview}>{interview.name}</button>
-        </li>
-        ))
-      }
-    </ul>
-  </div>
-);
+const RelatedInterviewsList = (props) => {
+  if (!props.data || props.data[0] === null) {
+    return <div>Loading...</div>;
+  } else if (props.data.length < 1) {
+    return <div> No results found </div>;
+  }
+
+  return (
+    <div className="related-interviews-list">
+      <h4>Related <br />Interviews</h4>
+      <ul>
+        { props.data.map(interview => (
+          <li
+            id={interview.id}
+            key={interview.id}
+          >
+            <button onClick={props.toggleSingleInterview}>{interview.name}</button>
+          </li>
+          ))
+        }
+      </ul>
+    </div>
+  );
+};
 
 RelatedInterviewsList.propTypes = {
   data: PropTypes.arrayOf(PropTypes.shape({})).isRequired,