From 85f6f9efc111de6d554be5f245c77d1444a7b958 Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Wed, 29 Jan 2020 17:30:29 +0100
Subject: [PATCH] daily brush

---
 README.md                   |  2 ++
 src/App.js                  |  1 -
 src/components/CardEntry.js |  2 +-
 src/components/SearchBar.js | 40 +++++++++++++++++++------------------
 4 files changed, 24 insertions(+), 21 deletions(-)

diff --git a/README.md b/README.md
index ee6ae25..a75202e 100644
--- a/README.md
+++ b/README.md
@@ -84,5 +84,7 @@ Free meal planner for cooks short on ideas! (like me …)
 
 - put a preloader
 - route bad request to notFOund (exple: /categories/string, when search results is null)
+  - Use ErrorBoundaries component ?
 - add sidenav on mobile
 - contact form
+- override Router with scoll to top function
diff --git a/src/App.js b/src/App.js
index 1220610..14296d0 100644
--- a/src/App.js
+++ b/src/App.js
@@ -169,7 +169,6 @@ const App = () => {
             searchResults={searchResults}
           />
         </Route>
-
         <Route path="/404">
           <NotFound handleClick={getRandomMeal} />
         </Route>
diff --git a/src/components/CardEntry.js b/src/components/CardEntry.js
index 3fc18c0..cf58434 100644
--- a/src/components/CardEntry.js
+++ b/src/components/CardEntry.js
@@ -12,7 +12,7 @@ const CardEntry = props => {
               <div className="card-image">
                 <img src={strMealThumb} alt={strMeal} />
               </div>
-              <div class="card-content">
+              <div className="card-content">
                 <h4>{strMeal}</h4>
               </div>
             </div>
diff --git a/src/components/SearchBar.js b/src/components/SearchBar.js
index 5ec3f3c..e697a0c 100644
--- a/src/components/SearchBar.js
+++ b/src/components/SearchBar.js
@@ -4,25 +4,27 @@ import { Link } from "react-router-dom";
 const SearchBar = props => {
   return (
     <div className="row">
-      <input
-        className="input-field col s10"
-        type="text"
-        name="search"
-        value={props.searchString}
-        placeholder="Search a recipe"
-        onChange={props.handleChange}
-      />
-      <Link to="/search">
-        <button
-          className="btn-floating waves-effect waves-light  right  "
-          type="submit"
-          name="searchButton"
-          value="Search"
-          onClick={props.onSubmit}
-        >
-          <i className="material-icons right">send</i>
-        </button>
-      </Link>
+      <form>
+        <input
+          className="input-field col s10"
+          type="text"
+          name="search"
+          value={props.searchString}
+          placeholder="Search a recipe"
+          onChange={props.handleChange}
+        />
+        <Link to="/search">
+          <button
+            className="btn-floating waves-effect waves-light  right  "
+            type="submit"
+            name="searchButton"
+            value="Search"
+            onClick={props.onSubmit}
+          >
+            <i className="material-icons right">send</i>
+          </button>
+        </Link>
+      </form>
     </div>
   );
 };