feat: search results sync with shelves

- Checking search results in myBooks and updating .shelf field

Author: konopkov

src/App.js

@@ -46,7 +46,7 @@ class BooksApp extends React.Component {
                 <Route
                     path='/search'
                     render={({history}) => (
-                        <SearchBooks onHandleChange={this.handleChange}/>
+                        <SearchBooks myBooks={this.state.books} onHandleChange={this.handleChange}/>
                     )}
                 />
 

src/SearchBooks.js

@@ -10,19 +10,27 @@ class SearchBooks extends Component {
     constructor() {
         super();
         this.state = {
-            books: []
+            searchResults: [],
         };
 
         this.searchBooks = this.searchBooks.bind(this);
     }
 
     searchBooks(e) {
         e.preventDefault();
+
         const values = serializeForm(e.target, {hash: true});
-        console.log(values.query);
-        BooksAPI.search(values.query, 20).then((books) => {
-            console.log(books);
-            this.setState({books})
+        const myBooks = this.props.myBooks;
+        let findBook = (book, myBooks) => {
+
+            myBooks.find((bookToFind) => bookToFind.id === book.id)
+        };
+
+        BooksAPI.search(values.query, 20).then((searchResults) => {
+
+            searchResults.map(book => findBook(book, myBooks) ? book.shelf = findBook(book, myBooks).shelf : book.shelf = 'none');
+            this.setState({searchResults})
+
         })
     }
 
@@ -47,7 +55,7 @@ class SearchBooks extends Component {
                     </form>
                 </div>
                 <div className="search-books-results">
-                    <BooksGrid books={this.state.books} onHandleChange={this.props.onHandleChange}/>
+                    <BooksGrid books={this.state.searchResults} onHandleChange={this.props.onHandleChange}/>
                 </div>
             </div>
         )