create ui for address search and results

2024-04-22 13:15:28 +01:00
parent 5e5f6e5c82
commit b6f40bea45
11 changed files with 2739 additions and 0 deletions
@@ -0,0 +1,80 @@
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { useContext } from "react";
+import useTranslation from "next-translate/useTranslation";
+import SearchForCase from "./search/searchforcase";
+import SearchResults from "./search/addresssearchresults";
+import CRMError from "./crmError";
+
+export default function Search(props) {
+    const {
+        searchString,
+        searchResultsObj,
+        advancedSearch,
+        myportal,
+        watchedCases,
+        isLinkedCase,
+        showLoginCheck,
+    } = props;
+    let { t } = useTranslation();
+
+    const router = useRouter();
+    const { locale } = router;
+
+    var hasError = _.has(searchResultsObj.searchResultsObj, "errorCode")
+        ? true
+        : false;
+
+    //console.log("has an error", hasError);
+
+    return (
+        <main
+            className="govuk-main-wrapper govuk-main-wrapper--auto-spacing"
+            id="main-content"
+            role="main"
+        >
+            {hasError ? (
+                <CRMError props={props} />
+            ) : (
+                <>
+                    <div className="govuk-grid-row">
+                        <div className="govuk-grid-column-full">
+                            <SearchResults
+                                advancedSearch={advancedSearch}
+                                searchString={searchString}
+                                searchResultsObj={
+                                    searchResultsObj.searchResultsObj
+                                }
+                                searchDetailsObj={
+                                    searchResultsObj.searchDetailsObj
+                                }
+                                myportal={myportal}
+                                watchedCases={watchedCases}
+                                isLinkedCase={isLinkedCase}
+                                showLoginCheck={showLoginCheck}
+                            />
+                        </div>
+                    </div>
+                    <div className="govuk-grid-row">
+                        <div className="govuk-grid-column-full">
+                            <div className="govuk-button-group">
+                                <Link
+                                    href="/addresssearch"
+                                    className="govuk-button"
+                                >
+                                    {t("common:breadcrumb-address-search")}
+                                </Link>
+                                {/* <a
+                            onClick={() => router.back()}
+                            className="govuk-button govuk-button--secondary"
+                        >
+                            {t("search:searchresults-new-search-button-label")}
+                        </a> */}
+                            </div>
+                        </div>
+                    </div>
+                </>
+            )}
+        </main>
+    );
+}