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

Cleaned up code for mapping state to jsx in SearchPage

Browse Source
This commit is contained in:
Ken Jannette
2018-04-20 16:58:26 -04:00
parent 58f54cd119
commit 71f5d958e8
1 changed files with 22 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/SearchPage.js
View File

@@ -37,10 +37,9 @@ class SearchPage extends Component {
</div> </div>
<div className="search-books-results"> <div className="search-books-results">
<ol className="books-grid"> <ol className="books-grid">
{
this.state.results.map((result) => ( this.state.results.map((result) => {
return <li key={result.id}>
<li key={result.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("${ result.imageLinks.thumbnail }")` }}></div> <div className="book-cover" style={{ width: 128, height: 193, backgroundImage: `url("${ result.imageLinks.thumbnail }")` }}></div>
@@ -58,9 +57,8 @@ class SearchPage extends Component {
<div className="book-authors">{result.authors}</div> <div className="book-authors">{result.authors}</div>
</div> </div>
</li> </li>
}
) }
</ol> </ol>
</div> </div>
</div> </div>