From 4af77478f3f1a0c5917b37d9ce96a9a83a5181bc Mon Sep 17 00:00:00 2001
From: Ken Jannette <KenJannette@Kens-MBP.attlocal.net>
Date: Thu, 19 Apr 2018 17:02:28 -0400
Subject: [PATCH] Additional search functionality

---
 src/SearchPage.js | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/SearchPage.js b/src/SearchPage.js
index 1e26054..6bebd16 100644
--- a/src/SearchPage.js
+++ b/src/SearchPage.js
@@ -7,7 +7,7 @@ class SearchPage extends Component {
 
     const onSearch = this.props.onSearch
     const results = this.props.results
-    console.log("RESULT ", results[0])
+    console.log("RESULTS", results)
 
     return (
       <div className="search-books">
@@ -24,6 +24,28 @@ class SearchPage extends Component {
         <div className="search-books-results">
           <ol className="books-grid">
 
+          {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}>
+                      <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>
+            </li>
+
+          )}
 
           </ol>
         </div>