From 2f06fbe68b62cd4cf47189f131949377691b21bf Mon Sep 17 00:00:00 2001
From: 9sneha-n <9sneha.n@gmail.com>
Date: Thu, 23 May 2024 21:47:38 +0530
Subject: [PATCH] fix: add status filter for prevalence

---
 .../components/survey-list/SurveyList.tsx     |  4 ++
 .../survey-list/SurveyListFilters.tsx         | 54 ++++++++++---------
 .../survey-list/hook/useFilteredSurveys.ts    |  2 +-
 3 files changed, 33 insertions(+), 27 deletions(-)

diff --git a/src/webapp/components/survey-list/SurveyList.tsx b/src/webapp/components/survey-list/SurveyList.tsx
index 59fb9287..79484a33 100644
--- a/src/webapp/components/survey-list/SurveyList.tsx
+++ b/src/webapp/components/survey-list/SurveyList.tsx
@@ -133,6 +133,10 @@ export const SurveyList: React.FC<SurveyListProps> = ({ surveyFormType }) => {
                         />
                     )}
 
+                    {surveyFormType === "PrevalenceSurveyForm" && (
+                        <SurveyListFilters status={statusFilter} setStatus={setStatusFilter} />
+                    )}
+
                     {isPaginatedSurveyList(surveyFormType) ? (
                         <PaginatedSurveyListTable
                             surveys={searchResultSurveys}
diff --git a/src/webapp/components/survey-list/SurveyListFilters.tsx b/src/webapp/components/survey-list/SurveyListFilters.tsx
index e63b7bc3..6c2a6d16 100644
--- a/src/webapp/components/survey-list/SurveyListFilters.tsx
+++ b/src/webapp/components/survey-list/SurveyListFilters.tsx
@@ -7,8 +7,8 @@ import { SURVEY_STATUSES, SURVEY_TYPES } from "../../../domain/entities/Survey";
 interface SurveyListFilterProps {
     status: SURVEY_STATUSES | undefined;
     setStatus: Dispatch<SetStateAction<SURVEY_STATUSES | undefined>>;
-    surveyType: SURVEY_TYPES | undefined;
-    setSurveyType: Dispatch<SetStateAction<SURVEY_TYPES | undefined>>;
+    surveyType?: SURVEY_TYPES | undefined;
+    setSurveyType?: Dispatch<SetStateAction<SURVEY_TYPES | undefined>>;
 }
 export const SurveyListFilters: React.FC<SurveyListFilterProps> = ({
     status,
@@ -18,7 +18,7 @@ export const SurveyListFilters: React.FC<SurveyListFilterProps> = ({
 }) => {
     return (
         <FilterContainer>
-            <FormControl fullWidth>
+            <FormControl style={{ width: "50%" }}>
                 <InputLabel id="status-label">{i18n.t("Filter by Status")}</InputLabel>
                 <Select
                     labelId="status-label"
@@ -44,29 +44,31 @@ export const SurveyListFilters: React.FC<SurveyListFilterProps> = ({
                 </Select>
             </FormControl>
 
-            <FormControl fullWidth>
-                <InputLabel id="status-label">{i18n.t("Filter by Survey Type")}</InputLabel>
-                <Select
-                    value={surveyType}
-                    onChange={e => {
-                        if (e.target.value === "ALL") setSurveyType(undefined);
-                        else setSurveyType(e.target.value as SURVEY_TYPES);
-                    }}
-                >
-                    <MenuItem key="SUPRANATIONAL" value="SUPRANATIONAL">
-                        {i18n.t("SUPRANATIONAL")}
-                    </MenuItem>
-                    <MenuItem key="NATIONAL" value="NATIONAL">
-                        {i18n.t("NATIONAL")}
-                    </MenuItem>
-                    <MenuItem key="HOSP" value="HOSP">
-                        {i18n.t("HOSP")}
-                    </MenuItem>
-                    <MenuItem key="ALL-SurveyType" value="ALL">
-                        {i18n.t("ALL")}
-                    </MenuItem>
-                </Select>
-            </FormControl>
+            {setSurveyType && (
+                <FormControl style={{ width: "50%" }}>
+                    <InputLabel id="status-label">{i18n.t("Filter by Survey Type")}</InputLabel>
+                    <Select
+                        value={surveyType}
+                        onChange={e => {
+                            if (e.target.value === "ALL") setSurveyType(undefined);
+                            else setSurveyType(e.target.value as SURVEY_TYPES);
+                        }}
+                    >
+                        <MenuItem key="SUPRANATIONAL" value="SUPRANATIONAL">
+                            {i18n.t("SUPRANATIONAL")}
+                        </MenuItem>
+                        <MenuItem key="NATIONAL" value="NATIONAL">
+                            {i18n.t("NATIONAL")}
+                        </MenuItem>
+                        <MenuItem key="HOSP" value="HOSP">
+                            {i18n.t("HOSP")}
+                        </MenuItem>
+                        <MenuItem key="ALL-SurveyType" value="ALL">
+                            {i18n.t("ALL")}
+                        </MenuItem>
+                    </Select>
+                </FormControl>
+            )}
         </FilterContainer>
     );
 };
diff --git a/src/webapp/components/survey-list/hook/useFilteredSurveys.ts b/src/webapp/components/survey-list/hook/useFilteredSurveys.ts
index 85bba493..dfb2cc29 100644
--- a/src/webapp/components/survey-list/hook/useFilteredSurveys.ts
+++ b/src/webapp/components/survey-list/hook/useFilteredSurveys.ts
@@ -26,7 +26,7 @@ export function useFilteredSurveys(
 
     useEffect(() => {
         //filters apply only to PPSSurveyForm
-        if (surveyFormType !== "PPSSurveyForm") {
+        if (surveyFormType !== "PPSSurveyForm" && surveyFormType !== "PrevalenceSurveyForm") {
             setStatusFilter(undefined);
             setSurveyTypeFilter(undefined);
         }