added exact route for home route and implemented withRouter HOC into …

…the searchbar to navigate the user to results route
bottega-code-school · Apr 27, 2018 · 22c10da · 22c10da
1 parent 8aaf531
commit 22c10da
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/bootstrap.js b/src/bootstrap.js
@@ -19,7 +19,7 @@ function main() {
     <Provider store={createStoreWithMiddleware(reducers)}>
       <BrowserRouter>
         <Switch>
-            <Route path='/' component={Home}/>
+            <Route path='/' exact component={Home}/>
             <Route path='/results' component={Results}/>
         </Switch>
       </BrowserRouter>

diff --git a/src/components/searchBar.js b/src/components/searchBar.js
@@ -1,11 +1,13 @@
 import React, { Component } from 'react';
 import { Field, reduxForm} from 'redux-form';
 
+import { withRouter } from 'react-router-dom';
+
 class SearchBar extends Component {
 
     handleFormSubmit = function({query}) {
         console.log('trying to handle submit for query', query);
-        //navigate to a new route.
+        this.props.history.push('/results');
     }
 
     renderInput(field) {
@@ -28,4 +30,6 @@ SearchBar = reduxForm({
     form: 'searchBar'
 })(SearchBar);
 
+SearchBar = withRouter(SearchBar);
+
 export default SearchBar;