SearchBox now works

1 files changed, 9 insertions, 3 deletions

diff --git a/vnext/src/components/SearchBox.js b/vnext/src/components/SearchBox.js
index e64c8be4..314b89fb 100644
--- a/vnext/src/components/SearchBox.js
+++ b/vnext/src/components/SearchBox.js
@@ -1,7 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import ReactRouterPropTypes from 'react-router-prop-types';
+import { withRouter } from 'react-router-dom';
 
-export default class SearchBox extends React.Component {
+class SearchBox extends React.Component {
     constructor(props) {
         super(props);
         this.state = {
@@ -14,8 +16,9 @@ export default class SearchBox extends React.Component {
         });
     }
     onSubmit = (event) => {
+        const { history, pathname } = this.props;
         event.preventDefault();
-        this.props.onSearch(this.state.search);
+        this.props.onSearch(history, pathname, this.state.search);
         this.setState({
             search: ''
         });
@@ -29,5 +32,8 @@ export default class SearchBox extends React.Component {
 }
 
 SearchBox.propTypes = {
-    onSearch: PropTypes.func.isRequired
+    pathname: PropTypes.string.isRequired,
+    onSearch: PropTypes.func.isRequired,
+    history: ReactRouterPropTypes.history.isRequired
 };
+export default withRouter(SearchBox);