kjannette/reactnd-project-bookbrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

No message

Browse Source
This commit is contained in:
Ken Jannette
2018-04-19 12:33:45 -04:00
parent 52a4ba9398
commit 0289d7b3d1
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/App.js
View File

@@ -24,7 +24,8 @@ class BooksApp extends React.Component {
onSelectChange = (e) => { onSelectChange = (e) => {
const id = e.target.name const id = e.target.name
const newShelf = e.target.value const newShelf = e.target.value
const books = this.state.books.slice(); // Create local copy to change.
const books = this.state.books.slice();
books.forEach((book) => { books.forEach((book) => {
if (book.id === id) { if (book.id === id) {
book.shelf = newShelf; book.shelf = newShelf;

6
src/Bookshelf.js
View File

@@ -29,7 +29,7 @@ class Bookshelf extends Component {
<div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div> <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div>
<div className="book-shelf-changer"> <div className="book-shelf-changer">
<select name={book.id} onChange={onSelect}> <select name={book.id} onChange={onSelect}>
<option value="none" disabled>Move to...</option> <option value="none">Move to...</option>
<option value="currentlyReading">Currently Reading</option> <option value="currentlyReading">Currently Reading</option>
<option value="wantToRead">Want to Read</option> <option value="wantToRead">Want to Read</option>
<option value="read">Read</option> <option value="read">Read</option>
@@ -61,7 +61,7 @@ class Bookshelf extends Component {
<div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div> <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div>
<div className="book-shelf-changer"> <div className="book-shelf-changer">
<select name={book.id} onChange={onSelect}> <select name={book.id} onChange={onSelect}>
<option value="none" disabled>Move to...</option> <option value="none">Move to...</option>
<option value="currentlyReading">Currently Reading</option> <option value="currentlyReading">Currently Reading</option>
<option value="wantToRead">Want to Read</option> <option value="wantToRead">Want to Read</option>
<option value="read">Read</option> <option value="read">Read</option>
@@ -93,7 +93,7 @@ class Bookshelf extends Component {
<div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div> <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ book.imageLinks.thumbnail }")` }}></div>
<div className="book-shelf-changer"> <div className="book-shelf-changer">
<select name={book.id} onChange={onSelect}> <select name={book.id} onChange={onSelect}>
<option value="none" disabled>Move to...</option> <option value="none">Move to...</option>
<option value="currentlyReading">Currently Reading</option> <option value="currentlyReading">Currently Reading</option>
<option value="wantToRead">Want to Read</option> <option value="wantToRead">Want to Read</option>
<option value="read">Read</option> <option value="read">Read</option>