DouDou-JavaScript
diff --git a/‎client/package-lock.json‎
Lines changed: 50 additions & 143 deletions b/‎client/package-lock.json‎
Lines changed: 50 additions & 143 deletions
diff --git a/‎client/package.json‎
Lines changed: 2 additions & 1 deletion b/‎client/package.json‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎client/src/components/search/WithInstantSearch.js‎
Lines changed: 4 additions & 0 deletions b/‎client/src/components/search/WithInstantSearch.js‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎client/src/components/search/redux/index.js‎
Lines changed: 0 additions & 1 deletion b/‎client/src/components/search/redux/index.js‎
Lines changed: 0 additions & 1 deletion
@@ -15,6 +15,7 @@
     "@fortawesome/react-fontawesome": "^0.1.4",
     "@freecodecamp/react-bootstrap": "^0.32.3",
     "@reach/router": "^1.2.1",
+    "algoliasearch": "^3.32.1",
     "axios": "^0.18.0",
     "browser-cookies": "^1.2.0",
     "chai": "^4.2.0",
@@ -43,7 +44,7 @@
     "react": "^16.8.6",
     "react-calendar-heatmap": "^1.8.0",
     "react-dom": "^16.8.6",
-    "react-freecodecamp-search": "^2.0.2",
+    "react-instantsearch-dom": "^5.5.0",
     "react-ga": "^2.5.7",
     "react-helmet": "^5.2.0",
     "react-monaco-editor": "^0.25.1",
 
@@ -44,6 +44,10 @@ class WithInstantSearch extends Component {
     if (pathname !== prevPathname || isDropdownEnabled !== enableDropdown) {
       toggleSearchDropdown(enableDropdown);
     }
+    const { query, updateSearchQuery } = this.props;
+    if (query && pathname !== prevPathname && enableDropdown) {
+      updateSearchQuery('');
+    }
   }
 
   getSearchEnableDropdown = () => !this.props.pathname.startsWith('/search');
 
@@ -48,7 +48,6 @@ export const reducer = handleActions(
       indexName: payload
     }),
     [types.updateSearchQuery]: (state, { payload }) => {
-      console.log('query payload', payload);
       return {
         ...state,
         query: payload
Original file line number	Diff line number	Diff line change
`@@ -44,6 +44,10 @@ class WithInstantSearch extends Component {`
`44`	`44`	`if (pathname !== prevPathname \|\| isDropdownEnabled !== enableDropdown) {`
`45`	`45`	`toggleSearchDropdown(enableDropdown);`
`46`	`46`	`}`
	`47`	`+ const { query, updateSearchQuery } = this.props;`
	`48`	`+ if (query && pathname !== prevPathname && enableDropdown) {`
	`49`	`+ updateSearchQuery('');`
	`50`	`+ }`
`47`	`51`	`}`
`48`	`52`
`49`	`53`	`getSearchEnableDropdown = () => !this.props.pathname.startsWith('/search');`