From 3e7f683f5c0967909e501e1ea42d10356d5607eb Mon Sep 17 00:00:00 2001
From: Ken Jannette <KenJannette@Kens-MBP.attlocal.net>
Date: Wed, 18 Apr 2018 16:14:54 -0400
Subject: [PATCH] Added funcaitonality to onSelectChange

---
 src/App.js       | 5 +++++
 src/Bookshelf.js | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/App.js b/src/App.js
index c5e0e83..0e6d826 100755
--- a/src/App.js
+++ b/src/App.js
@@ -22,8 +22,13 @@ class BooksApp extends React.Component {
   }
 
   onSelectChange = (e) => {
+    const id = e.target.name
     const shelf = e.target.value
+    console.log(id, shelf)
 
+    this.setState((prevState) => {
+      prevState.filter(name === book.id)
+    })
   }
 
   render() {
diff --git a/src/Bookshelf.js b/src/Bookshelf.js
index a57b0ab..e214916 100644
--- a/src/Bookshelf.js
+++ b/src/Bookshelf.js
@@ -6,7 +6,7 @@ class Bookshelf extends Component {
     const books = this.props.books
     const onSelect = this.props.onSelect
 
-    console.log(books)
+//    console.log(books)
 
     return (
 
@@ -30,7 +30,7 @@ class Bookshelf extends Component {
                           <div className="book-top">
                             <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div>
                             <div className="book-shelf-changer">
-                              <select onChange={onSelect}>
+                              <select name={book.id} onChange={onSelect}>
                                 <option value="none" disabled>Move to...</option>
                                 <option value="currentlyReading">Currently Reading</option>
                                 <option value="wantToRead">Want to Read</option>