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

Added conditional to search results render in SearchPage module

Browse Source
This commit is contained in:
Ken Jannette
2018-04-20 13:52:28 -04:00
parent 1052f9ee82
commit 1716736953
1 changed files with 22 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
src/SearchPage.js
View File

@@ -36,28 +36,32 @@ class SearchPage extends Component {
<div className="search-books-results"> <div className="search-books-results">
<ol className="books-grid"> <ol className="books-grid">
{this.results.map((result) => if (this.results) {
<li key={result.id}> {this.results.map((result) =>
<div className="book">
<div className="book-top"> <li key={result.id}>
<div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ result.imageLinks.thumbnail }")` }}></div> <div className="book">
<div className="book-shelf-changer"> <div className="book-top">
<select name={result.id} onChange={onSelect}> <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ result.imageLinks.thumbnail }")` }}></div>
<option value="none">Move to...</option> <div className="book-shelf-changer">
<option value="currentlyReading">Currently Reading</option> <select name={result.id} onChange={onSelect}>
<option value="wantToRead">Want to Read</option> <option value="none">Move to...</option>
<option value="read">Read</option> <option value="currentlyReading">Currently Reading</option>
<option value="none">None</option> <option value="wantToRead">Want to Read</option>
</select> <option value="read">Read</option>
<option value="none">None</option>
</select>
</div>
</div> </div>
<div className="book-title">{result.title}</div>
<div className="book-authors">{result.authors}</div>
</div> </div>
<div className="book-title">{result.title}</div> </li>
<div className="book-authors">{result.authors}</div>
</div> )}
</li> }
)}
</ol> </ol>
</div> </div>