language routing

components/dnssearchresults.js

@@ -4,6 +4,7 @@ import { useContext } from "react";
 import useTranslation from "next-translate/useTranslation";
 import SearchForCase from "./search/searchforcase";
 import DNSSearchResults from "./search/dnssearchresults";
+import CRMError from "./crmError";
 
 export default function Search(props) {
     const { searchString, searchResultsObj } = props;
@@ -12,21 +13,37 @@ export default function Search(props) {
     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"
         >
-            <div className="govuk-grid-row">
-                <div className="govuk-grid-column-full">
-                    <DNSSearchResults
-                        searchString={searchString}
-                        searchResultsObj={searchResultsObj.searchResultsObj}
-                        searchDetailsObj={searchResultsObj.searchDetailsObj}
-                    />
-                </div>
-            </div>
+            {hasError ? (
+                <CRMError props={props} />
+            ) : (
+                <>
+                    <div className="govuk-grid-row">
+                        <div className="govuk-grid-column-full">
+                            <DNSSearchResults
+                                searchString={searchString}
+                                searchResultsObj={
+                                    searchResultsObj.searchResultsObj
+                                }
+                                searchDetailsObj={
+                                    searchResultsObj.searchDetailsObj
+                                }
+                            />
+                        </div>
+                    </div>
+                </>
+            )}
         </main>
     );
 }