initial dynamic forms

pages/searchresults.js

@@ -15,8 +15,11 @@ import { useRouter } from "next/router";
 import useTranslation from "next-translate/useTranslation";
 
 import { setSearch, getSearchObj } from "../store/search/action";
-import { setSearchResults, getSearchResultsObj } from "../store/searchOutput/action";
-import {getBasicSearch} from "../actions"
+import {
+    setSearchResults,
+    getSearchResultsObj,
+} from "../store/searchOutput/action";
+import { getBasicSearch } from "../actions";
 
 const Home = (props) => {
     const { footerLinks, pages } = props;
@@ -24,6 +27,7 @@ const Home = (props) => {
 
     const router = useRouter();
     const { locale } = router;
+    const { appealtypes } = router.query;
 
     return (
         <div>
@@ -37,7 +41,11 @@ const Home = (props) => {
                 <Header courseName={t("common:service-name")} />
                 <div className="govuk-width-container">
                     <Banner />
-                    <SearchResults searchString={props.search.searchString} searchResultsObj={props.searchResultsObj} />
+                    <Breadcrumbs slug={appealtypes} />
+                    <SearchResults
+                        searchString={props.search.searchString}
+                        searchResultsObj={props.searchResultsObj}
+                    />
                 </div>
                 <Footer footerLinks={footerLinks} />
             </div>
@@ -45,13 +53,13 @@ const Home = (props) => {
     );
 };
 
-export  const getServerSideProps = wrapper.getServerSideProps (
-     store => async({ query, req, res }) => 
-        {
-            console.log('query-',query); 
-            const searchResultsObj = await getBasicSearch(query.q) || null;
-             store.dispatch(setSearchResults(searchResultsObj));
-             store.dispatch(setSearch(query.q));
+export const getServerSideProps = wrapper.getServerSideProps(
+    (store) =>
+        async ({ query, req, res }) => {
+            console.log("query-", query);
+            const searchResultsObj = (await getBasicSearch(query.q)) || null;
+            store.dispatch(setSearchResults(searchResultsObj));
+            store.dispatch(setSearch(query.q));
         }
 );
 
@@ -78,11 +86,11 @@ export  const getServerSideProps = wrapper.getServerSideProps (
 // );
 
 const mapStateToProps = (state) => {
-    console.log('mapstate',state);
+    console.log("mapstate", state);
 
     return {
         search: state.search,
-        searchResultsObj: state.searchResultsObj
+        searchResultsObj: state.searchResultsObj,
         //         //     apiroot: state.apiroot,
         //         //     courseListContent: state.courseListContent.courseListContent,
         //         //     pages: state.pages.pages,