feat: Show notification when book moved to shelf

Resolves: #6

package.json

@@ -3,6 +3,7 @@
     "prop-types": "^15.5.8",
     "react": "^15.5.4",
     "react-dom": "^15.5.4",
+    "react-notifications": "^1.4.3",
     "react-router-dom": "^4.2.2"
   },
   "devDependencies": {

src/App.js

@@ -5,6 +5,8 @@ import OpenSearchButton from './components/OpenSearchButton'
 import BookShelf from './components/BookShelf'
 import { Route } from 'react-router-dom'
 import './App.css'
+import 'react-notifications/lib/notifications.css';
+import {NotificationContainer, NotificationManager} from 'react-notifications';
 
 class BooksApp extends React.Component {
   state = {
@@ -37,11 +39,13 @@ class BooksApp extends React.Component {
     }); 
   };
 
-  moveBook = (bookID, to) => {
+  moveBook = (bookID, bookTitle, toID, toName) => {
     let book = { id: bookID };
-    BooksAPI.update(book, to).then(data => {
-      this.getAllBooks();
-    });
+    BooksAPI.update(book, toID).then(data => {
+      this.getAllBooks()
+    }).then(() => {
+      NotificationManager.success(`${bookTitle} moved to ${toName}`, 'Success!');
+    });;
   };
 
   render() {
@@ -66,6 +70,7 @@ class BooksApp extends React.Component {
             <OpenSearchButton />
           </div>
         )}/>
+        <NotificationContainer/>
       </div>
     )
   }

src/components/Book.js

@@ -5,7 +5,8 @@ class Book extends React.Component {
     shelf: ""
   }
   moveBook = (event) => {
-    this.props.onMoveBook(this.props.bookID, event.target.value)
+    let shelfName = event.target.options[event.target.selectedIndex].text;
+    this.props.onMoveBook(this.props.bookID, this.props.bookTitle, event.target.value, shelfName);
   };
 
   componentDidMount() {

src/components/BookShelf.js

@@ -5,8 +5,6 @@ class BookShelf extends React.Component {
   render() {
     const books = this.props.books;
 
-    console.log(books)
-
     if (books.error === "empty query") {
       return (
       <div>No match found</div>