information banner from api with date range

pages/myportal/advancedsearch.js

@@ -3,7 +3,7 @@ import useTranslation from "next-translate/useTranslation";
 import Head from "next/head";
 import { useRouter } from "next/router";
 import { connect } from "react-redux";
-import { getAppealsTypes, getLPA } from "../../actions";
+import { getAppealsTypes, getLPA, getPersonalAccount } from "../../actions";
 import { getProviderConfig } from "../../actions/govgateway";
 import Breadcrumbs from "../../components/breadcrumbs";
 import CookieBanner from "../../components/cookieBanner";
@@ -16,6 +16,12 @@ import { setAppealType } from "../../store/appealType/action";
 import { getGovGatewayConfig } from "../../store/govgateway/action";
 import { setLPA } from "../../store/lpa/action";
 import { wrapper } from "../../store/store";
+import { getSession, useSession } from "next-auth/react";
+import {
+    setAccountDetails,
+    setContainerID,
+    setLoggedInUserId,
+} from "../../store/accountDetails/action";
 
 const Home = (props) => {
     const { footerLinks, pages } = props;
@@ -61,21 +67,32 @@ const Home = (props) => {
 };
 
 export const getServerSideProps = wrapper.getServerSideProps(
-    (store) =>
-        async ({ query, req, res }) => {
-            const [appealTypeData, lpaData] = await Promise.all([
-                await getAppealsTypes(),
-                await getLPA(),
-            ]);
-            const providerConfig = await getProviderConfig();
-            store.dispatch(getGovGatewayConfig(providerConfig));
+    (store) => async (ctx) => {
+        const { query, req, res } = ctx;
+        console.log("query-", query);
 
-            // const lpaData = require("../../data/lpa.json");
-            // const appealTypeData = require("../../data/appealtypes.json");
+        const { cookies } = req;
 
-            store.dispatch(setAppealType(appealTypeData));
-            store.dispatch(setLPA(lpaData));
-        }
+        let loggedInUser = cookies.pinsUser;
+
+        let thisSession = await getSession(ctx);
+
+        const [accountDetails, appealTypeData, lpaData] = await Promise.all([
+            await getPersonalAccount(loggedInUser),
+            await getAppealsTypes(),
+            await getLPA(),
+        ]);
+        const providerConfig = await getProviderConfig();
+        store.dispatch(getGovGatewayConfig(providerConfig));
+
+        // const lpaData = require("../../data/lpa.json");
+        // const appealTypeData = require("../../data/appealtypes.json");
+
+        store.dispatch(setAccountDetails(accountDetails));
+        store.dispatch(setAppealType(appealTypeData));
+        store.dispatch(setLPA(lpaData));
+        store.dispatch(setLoggedInUserId(loggedInUser));
+    }
 );
 
 const mapStateToProps = (state) => {