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,216 @@
+import useTranslation from "next-translate/useTranslation";
+import Head from "next/head";
+import { useRouter } from "next/router";
+import { connect } from "react-redux";
+import {
+    getBasicSearch,
+    getIncidentbyID,
+    getIP,
+    getPortalLogin,
+    getPersonalAccount,
+} from "../../../../actions";
+import CookieBanner from "../../../../components/cookieBanner";
+import Footer from "../../../../components/footer";
+import Header from "../../../../components/header";
+import { getSearchDetails } from "../../../../components/utils";
+import { setCurrentReference } from "../../../../store/currentView/action";
+import { setSearch } from "../../../../store/search/action";
+import {
+    setSearchDetails,
+    setSearchResults,
+} from "../../../../store/searchOutput/action";
+import { wrapper } from "../../../../store/store";
+import Case from "../../../../components/case";
+import Breadcrumbs from "../../../../components/breadcrumbs";
+import { getSession, useSession } from "next-auth/react";
+import {
+    setAccountDetails,
+    setContainerID,
+    setLoggedInUserId,
+} from "../../../../store/accountDetails/action";
+
+const CaseHome = (props) => {
+    const { footerLinks, pages } = props;
+    let { t, lang } = useTranslation();
+
+    const router = useRouter();
+    const { locale } = router;
+    const { incident } = router.query;
+
+    return (
+        <div>
+            <Head>
+                <title>
+                    Reference:{" "}
+                    {props.currentView.caseReference.currentReference}{" "}
+                </title>
+            </Head>
+            <div id="page_wrapper">
+                <CookieBanner />
+                <Header serviceName="Developments of National Significance" />
+                <div className="govuk-width-container">
+                    <Breadcrumbs slug={props.ticketnumber} props={props} />
+
+                    <Case
+                        props={props}
+                        myCases={props.myCases.myCases}
+                        myCasesDetails={props.myCases.myCasesDetails}
+                        directSearchResultsObj={
+                            props.searchResultsObj.searchResultsObj
+                        }
+                        searchDetailsObj={
+                            props.searchResultsObj.searchDetailsObj
+                        }
+                        documentDetailsObj={props.documentDetailsObj}
+                        myRepresentations={
+                            props.myRepresentations.myRepresentations
+                        }
+                        watchedCases={props.watchedCases.watchedCases}
+                        watchedCasesDetails={
+                            props.watchedCases.watchedCasesDetails
+                        }
+                        awaitingSubmission={
+                            props.awaitingSubmission.awaitingSubmission
+                        }
+                        caseReference={
+                            props.searchResultsObj.searchResultsObj.value[0]
+                                .ticketnumber
+                        }
+                        currentType={props.currentType}
+                        appealTypeID={
+                            props.searchResultsObj.searchResultsObj.value[0]
+                                .pinswg_appealcasetype
+                        }
+                        incidentid={
+                            props.searchResultsObj.searchResultsObj.value[0]
+                                .incidentid
+                        }
+                        representationsObj={
+                            props.searchResultsObj.representationsObj
+                        }
+                        showLoginCheck={true}
+                    />
+                </div>
+                <Footer
+                    footerLinks={footerLinks}
+                    props={props}
+                    ticketnumber={
+                        props.searchResultsObj.searchResultsObj.value[0]
+                            .ticketnumber
+                    }
+                />
+            </div>
+        </div>
+    );
+};
+
+export const getServerSideProps = wrapper.getServerSideProps(
+    (store) => async (ctx) => {
+        const { query, req, res } = ctx;
+        getIP(req);
+        const { cookies } = req;
+
+        console.log(cookies);
+        console.log("the query :", query.incident);
+
+        let thisSession = await getSession(ctx);
+        let loggedInUser = {};
+
+        if (thisSession) {
+            console.log(" has sesssion.......");
+            [loggedInUser] = await Promise.all([
+                await getPortalLogin(thisSession.user.email),
+            ]);
+
+            loggedInUser = loggedInUser.value[0].contactid;
+
+            const accountDetails = await getPersonalAccount(loggedInUser);
+            store.dispatch(setAccountDetails(accountDetails));
+        } else {
+            console.log("not has sesssion.......");
+        }
+
+        const searchResultsObj = await getIncidentbyID(query.incident);
+        const searchDetailsObj = await getSearchDetails(searchResultsObj);
+
+        // console.log(
+        //     "\n======================================\n",
+        //     searchResultsObj,
+        //     "\n======================================\n"
+        // );
+        // console.log(
+        //     "\n======================================\n",
+        //     searchDetailsObj[0],
+        //     "\n======================================\n"
+        // );
+
+        store.dispatch(setSearch(req.headers.referer.split("?")[1]));
+
+        if (searchResultsObj["@odata.count"] < 1) {
+            return {
+                redirect: {
+                    destination: "/404",
+                    permanent: false,
+                },
+            };
+        } else {
+            if (searchResultsObj["@odata.count"] > 1) {
+                return {
+                    redirect: {
+                        //destination: "/dns-not-found",
+                        destination: "/404",
+                        permanent: false,
+                    },
+                };
+            } else {
+                store.dispatch(
+                    setCurrentReference({
+                        "ticketnumber": searchResultsObj.value[0].ticketnumber,
+                        "currentReference": searchResultsObj.value[0].title,
+                        "currentType": "searchResultsObj",
+                        "incidentid": searchResultsObj.value[0].incidentid,
+                        "appealType":
+                            searchResultsObj.value[0].pinswg_appealcasetype,
+                    })
+                );
+            }
+        }
+        // console.log(searchResultsObj);
+        return {
+            props: {
+                searchResultsObj: {
+                    searchResultsObj: searchResultsObj,
+                    searchDetailsObj: searchDetailsObj,
+                },
+                currentType: "directResultsObj",
+            },
+        };
+    }
+);
+
+const mapStateToProps = (state) => {
+    return {
+        accountDetails: state.accountDetails,
+        currentView: state.currentView,
+        search: state.search,
+        //searchResultsObj: state.searchResultsObj,
+        documentDetailsObj: state.searchResultsObj.documentDetailsObj,
+        formData: state.formData,
+        appealType: state.appealType,
+        form: state.form,
+        myCases: state.myCases,
+        watchedCases: state.watchedCases,
+        myRepresentations: state.myRepresentations,
+        awaitingSubmission: state.awaitingSubmission,
+    };
+};
+
+const mapDispatchToProps = (dispatch) => {
+    return {
+        setCurrentReference: (currentReference) => {
+            dispatch(setCurrentReference(refno));
+        },
+    };
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(CaseHome);