Merge pull request #1736 from BLSQ/POLIO-1706-Campaigns-Users-cannot-…

…filter-by-campaign-type

POLIO-1706: Campaigns: Users cannot filter by campaign type

plugins/polio/js/src/domains/Campaigns/CampaignsList/Dashboard.tsx

@@ -1,6 +1,6 @@
 import { Box } from '@mui/material';
 import { useSafeIntl } from 'bluesquare-components';
-import React, { FunctionComponent, useMemo } from 'react';
+import React, { FunctionComponent, useMemo, useState } from 'react';
 import TopBar from '../../../../../../../hat/assets/js/apps/Iaso/components/nav/TopBarComponent';
 import { TableWithDeepLink } from '../../../../../../../hat/assets/js/apps/Iaso/components/tables/TableWithDeepLink';
 import MESSAGES from '../../../constants/messages';
@@ -28,7 +28,7 @@ export const Dashboard: FunctionComponent = () => {
     const classes: Record<string, string> = useStyles();
     const paramsToUse = useActiveParams(params);
     const apiParams: GetCampaignOptions = useCampaignParams(paramsToUse);
-
+    const [campaignType, setCampaignType] = useState(params.campaignType);
     const { data: rawCampaigns, isFetching } = useGetCampaigns(
         apiParams,
         undefined,
@@ -70,14 +70,19 @@ export const Dashboard: FunctionComponent = () => {
         handleClickRestoreRow: handleRestoreDialogConfirm,
         params,
     });
+
     return (
         <>
             <TopBar
                 title={formatMessage(MESSAGES.campaigns)}
                 displayBackButton={false}
             />
             <Box className={classes.containerFullHeightNoTabPadded}>
-                <CampaignsFilters params={params} />
+                <CampaignsFilters
+                    params={params}
+                    setCampaignType={setCampaignType}
+                    campaignType={campaignType}
+                />
                 <Box mb={2}>
                     <DashboardButtons exportToCSV={exportToCSV} />
                 </Box>