From dee39f1cd1ac9595b8297e1b3750841455a770ca Mon Sep 17 00:00:00 2001 From: Elhoucine Date: Mon, 24 Jun 2024 12:12:39 +0200 Subject: [PATCH] feat(#vil-492): responsive filters --- src/components/accueil/Filters/Filters.tsx | 45 +++++++++------------- 1 file changed, 18 insertions(+), 27 deletions(-) diff --git a/src/components/accueil/Filters/Filters.tsx b/src/components/accueil/Filters/Filters.tsx index 5856da636..dce6a039a 100644 --- a/src/components/accueil/Filters/Filters.tsx +++ b/src/components/accueil/Filters/Filters.tsx @@ -1,5 +1,6 @@ import React from 'react'; +import { Box } from '@mui/material'; import Checkbox from '@mui/material/Checkbox'; import { FilterSelect } from './FilterSelect'; @@ -78,8 +79,10 @@ export const Filters = ({ filters, onChange, countries = [], phase, isMesFamille }, [onChange, countries]); return ( -
- Filtres : + + + Filtres : + {isMesFamilles && ( - {/* { - onChange({ ...filters, status: newStatus.key }); - }} - /> */} -
+ {countries.map((c) => ( - + ))} - -
-
+ + + + { onChange({ ...filters, @@ -164,7 +155,7 @@ export const Filters = ({ filters, onChange, countries = [], phase, isMesFamille }); }} /> -
-
+ + ); };