From 0db4f2b5ca20ea9966224ed878d3017da732f8fc Mon Sep 17 00:00:00 2001
From: Ken Jannette <KenJannette@Kens-MBP.attlocal.net>
Date: Wed, 18 Apr 2018 11:38:15 -0400
Subject: [PATCH] Added skeleton for onSelectChange

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

diff --git a/src/App.js b/src/App.js
index 4b746bb..1b0a97a 100755
--- a/src/App.js
+++ b/src/App.js
@@ -14,7 +14,6 @@ class BooksApp extends React.Component {
 
   componentDidMount() {
     getAll().then((books) => {
-    //  console.log(books)
       this.setState({ books })
     })
   }
diff --git a/src/Bookshelf.js b/src/Bookshelf.js
index a929d87..27c1342 100644
--- a/src/Bookshelf.js
+++ b/src/Bookshelf.js
@@ -2,6 +2,10 @@ import React, { Component } from 'react';
 
 class Bookshelf extends Component {
 
+onSelectChange = () => {
+  console.log("onSelectChange")
+}
+
   render() {
     const books = this.props.books
 
@@ -29,7 +33,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>
+                              <select onChange={this.onSelectChange}>
                                 <option value="none" disabled>Move to...</option>
                                 <option value="currentlyReading">Currently Reading</option>
                                 <option value="wantToRead">Want to Read</option>
@@ -61,7 +65,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>
+                            <select onChange={this.onSelectChange}>
                               <option value="none" disabled>Move to...</option>
                               <option value="currentlyReading">Currently Reading</option>
                               <option value="wantToRead">Want to Read</option>
@@ -93,7 +97,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>
+                            <select onChange={this.onSelectChange}>
                               <option value="none" disabled>Move to...</option>
                               <option value="currentlyReading">Currently Reading</option>
                               <option value="wantToRead">Want to Read</option>