From 171673695345025baf4f45fc968fc9aa9052fa13 Mon Sep 17 00:00:00 2001
From: Ken Jannette <KenJannette@Kens-MBP.attlocal.net>
Date: Fri, 20 Apr 2018 13:52:28 -0400
Subject: [PATCH] Added conditional to search results render in SearchPage
 module

---
 src/SearchPage.js | 40 ++++++++++++++++++++++------------------
 1 file changed, 22 insertions(+), 18 deletions(-)

diff --git a/src/SearchPage.js b/src/SearchPage.js
index e8c74b2..1f3137f 100644
--- a/src/SearchPage.js
+++ b/src/SearchPage.js
@@ -36,28 +36,32 @@ class SearchPage extends Component {
         <div className="search-books-results">
           <ol className="books-grid">
 
-          {this.results.map((result) =>
+          if (this.results) {
 
-            <li key={result.id}>
-              <div className="book">
-                <div className="book-top">
-                  <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ result.imageLinks.thumbnail }")` }}></div>
-                  <div className="book-shelf-changer">
-                    <select name={result.id} onChange={onSelect}>
-                      <option value="none">Move to...</option>
-                      <option value="currentlyReading">Currently Reading</option>
-                      <option value="wantToRead">Want to Read</option>
-                      <option value="read">Read</option>
-                      <option value="none">None</option>
-                    </select>
+            {this.results.map((result) =>
+
+              <li key={result.id}>
+                <div className="book">
+                  <div className="book-top">
+                    <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ result.imageLinks.thumbnail }")` }}></div>
+                    <div className="book-shelf-changer">
+                      <select name={result.id} onChange={onSelect}>
+                        <option value="none">Move to...</option>
+                        <option value="currentlyReading">Currently Reading</option>
+                        <option value="wantToRead">Want to Read</option>
+                        <option value="read">Read</option>
+                        <option value="none">None</option>
+                      </select>
+                    </div>
                   </div>
+                  <div className="book-title">{result.title}</div>
+                  <div className="book-authors">{result.authors}</div>
                 </div>
-                <div className="book-title">{result.title}</div>
-                <div className="book-authors">{result.authors}</div>
-              </div>
-            </li>
+              </li>
+
+            )}
+          }
 
-          )}
 
           </ol>
         </div>