made getstatus serverside not client

components/search/advancedsearch.js

@@ -199,27 +199,6 @@ let AdvancedSearch = (props) => {
     const router = useRouter();
     const { locale } = router;
 
-    const [caseStatusValues, setCaseStatusValues] = useState([]);
-
-    useEffect(() => {
-        const fetchCaseStatus = async () => {
-            try {
-                const response = await getCaseStatus();
-
-                setCaseStatusValues(
-                    Array.isArray(response?.data)
-                        ? response.data
-                        : response?.data?.value || response || []
-                );
-            } catch (error) {
-                console.error("Failed to fetch case statuses", error);
-                setCaseStatusValues([]);
-            }
-        };
-
-        fetchCaseStatus();
-    }, []);
-
     const {
         LPAData,
         onSubmit,
@@ -246,6 +225,11 @@ let AdvancedSearch = (props) => {
             ? props.LPAData.LPAData.value
             : [{}];
 
+    const caseStatusObject =
+        props?.LPAData?.caseStatusObj?.length > 0
+            ? props.LPAData.caseStatusObj
+            : [{}];
+
     const RenderLPAList = ({
         name,
         id,
@@ -705,7 +689,7 @@ let AdvancedSearch = (props) => {
                                             name="statusCode"
                                             id="statusCode"
                                             component={RenderCaseStatusList}
-                                            optionsObj={caseStatusValues}
+                                            optionsObj={caseStatusObject}
                                             //validate={[required]}
                                             label={t(
                                                 "search:case-status-label"

pages/advancedsearch.js

@@ -15,9 +15,10 @@ import Footer from "../components/footer";
 import Header from "../components/header";
 import Search from "../components/search";
 import { setAppealType, setProjectType } from "../store/appealType/action";
-import { setLPA } from "../store/lpa/action";
+import { setLPA, setCaseStatus } from "../store/lpa/action";
 import { wrapper } from "../store/store";
 import ServiceBanner from "../components/servicebanner";
+import { getCaseStatus } from "../actions/services/caseDirectService";
 
 const Home = (props) => {
     const { footerLinks, pages } = props;
@@ -127,10 +128,12 @@ const Home = (props) => {
 export const getServerSideProps = wrapper.getServerSideProps(
     (store) =>
         async ({ query, req, res }) => {
-            let [appealTypeData, projectTypeData, lpaData] = await Promise.all([
+            let [appealTypeData, projectTypeData, lpaData, caseStatusObj] =
+                await Promise.all([
                     await getAppealsTypes(),
                     await getProjectTypes(),
-                await getLPA()
+                    await getLPA(),
+                    await getCaseStatus()
                 ]);
 
             //const lpaData = require("../data/lpa.json");
@@ -139,6 +142,7 @@ export const getServerSideProps = wrapper.getServerSideProps(
             store.dispatch(setAppealType(appealTypeData));
             store.dispatch(setProjectType(projectTypeData));
             store.dispatch(setLPA(lpaData));
+            store.dispatch(setCaseStatus(caseStatusObj));
         }
 );
 

store/lpa/action.js

@@ -3,17 +3,25 @@ import { actionTypes } from "redux-form";
 export const LPADataActionTypes = {
     GETLPADATA: "GETLPADATA",
     SETLPADATA: "SETLPADATA",
+    SETCASESTATUS: "SETCASESTATUS"
 };
 
 export const getLPAObj = () => (dispatch) => {
     return dispatch({
-        type: LPADataActionTypes.GETLPADATA,
+        type: LPADataActionTypes.GETLPADATA
     });
 };
 
 export const setLPA = (lpaData) => (dispatch) => {
     return dispatch({
         type: LPADataActionTypes.SETLPADATA,
-        LPAData: lpaData,
+        LPAData: lpaData
+    });
+};
+
+export const setCaseStatus = (caseStatusObj) => (dispatch) => {
+    return dispatch({
+        type: LPADataActionTypes.SETCASESTATUS,
+        caseStatusObj: caseStatusObj
     });
 };

store/lpa/reducer.js

@@ -2,6 +2,7 @@ import { LPADataActionTypes } from "./action";
 
 const LPADataInitialState = {
     LPAData: {},
+    caseStatusObj: {}
 };
 
 export default function reducer(state = LPADataInitialState, action) {
@@ -9,7 +10,12 @@ export default function reducer(state = LPADataInitialState, action) {
         case LPADataActionTypes.SETLPADATA:
             return {
                 ...state,
-                LPAData: action.LPAData,
+                LPAData: action.LPAData
+            };
+        case LPADataActionTypes.SETCASESTATUS:
+            return {
+                ...state,
+                caseStatusObj: action.caseStatusObj
             };
         default:
             return state;