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

added filer/maping funciton to bookshelf to sort books by category (currently/want to/read)

Browse Source
This commit is contained in:
Ken Jannette
2018-04-18 10:23:25 -04:00
parent 982c7529e1
commit f12e36f927
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/Bookshelf.js
View File

@@ -24,12 +24,12 @@ class Bookshelf extends Component {
{books.filter(function(book){ {books.filter(function(book){
return book.shelf === "currentlyReading" return book.shelf === "currentlyReading"
}).map((book) => { }).map((book) => (
return
<li> <li key={book.id}>
<div className="book"> <div className="book">
<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> <select>
<option value="none" disabled>Move to...</option> <option value="none" disabled>Move to...</option>
@@ -44,7 +44,7 @@ class Bookshelf extends Component {
<div className="book-authors">{book.authors}</div> <div className="book-authors">{book.authors}</div>
</div> </div>
</li> </li>
})} ))}
</ol> </ol>
</div> </div>