feat(website): add link to search page in DocSearch modal

francoischalifour · Jun 8, 2020 · d610ce9 · d610ce9
1 parent efafeab
commit d610ce9
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/website/src/theme/SearchBar/index.js b/packages/website/src/theme/SearchBar/index.js
@@ -14,6 +14,14 @@ function Hit({ hit, children }) {
   return <Link to={hit.url}>{children}</Link>;
 }
 
+function ResultsFooter({ state }) {
+  return (
+    <Link to={`/search?q=${state.query}`}>
+      See {state.context.nbHits} results
+    </Link>
+  );
+}
+
 function DocSearch({ indexName, appId, apiKey, searchParameters }) {
   const history = useHistory();
   const [isOpen, setIsOpen] = useState(false);
@@ -91,6 +99,7 @@ function DocSearch({ indexName, appId, apiKey, searchParameters }) {
               });
             }}
             hitComponent={Hit}
+            resultsFooterComponent={ResultsFooter}
           />,
           document.body
         )}