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

Addded default values to book drop down selects

Browse Source
This commit is contained in:
Ken Jannette
2018-04-21 16:56:54 -04:00
parent c8019b7292
commit eb90fe85e8
2 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/Bookshelf.js
View File

@@ -27,7 +27,7 @@ class Bookshelf extends Component {
<div className="book-top"> <div className="book-top">
<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} defaultValue={book.shelf}>
<option value="none">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>

3
src/SearchPage.js
View File

@@ -19,7 +19,6 @@ class SearchPage extends Component {
for (var book of books) { for (var book of books) {
if (result.title === book.title) { if (result.title === book.title) {
result.shelf = book.shelf result.shelf = book.shelf
console.log(result)
} }
} }
} }
@@ -53,7 +52,7 @@ class SearchPage extends Component {
<div className="book-top"> <div className="book-top">
<div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ result.imageLinks.thumbnail }")` }}></div> <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ result.imageLinks.thumbnail }")` }}></div>
<div className="book-shelf-changer"> <div className="book-shelf-changer">
<select name={result.id} onChange={onSelect}> <select name={result.id} onChange={onSelect} defaultValue={result.shelf}>
<option value="none">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>