Additional search functionality

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>