From 5f8abf93e4b0a851b45a5e63953519c72cdd85b7 Mon Sep 17 00:00:00 2001
From: Arnaud AMBROSELLI <arnaud.ambroselli@yahoo.fr>
Date: Thu, 28 Sep 2023 22:13:50 +0200
Subject: [PATCH] fix: test

---
 dashboard/src/scenes/person/list.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/dashboard/src/scenes/person/list.js b/dashboard/src/scenes/person/list.js
index 4b3b88182..e1a042e6b 100644
--- a/dashboard/src/scenes/person/list.js
+++ b/dashboard/src/scenes/person/list.js
@@ -26,6 +26,7 @@ import useSearchParamState from '../../services/useSearchParamState';
 import { useDataLoader } from '../../components/DataLoader';
 import ExclamationMarkButton from '../../components/tailwind/ExclamationMarkButton';
 import { customFieldsMedicalFileSelector } from '../../recoil/medicalFiles';
+import useMinimumWidth from '../../services/useMinimumWidth';
 
 const limit = 20;
 
@@ -92,6 +93,7 @@ const filterPersonsWithAllFieldsSelector = selector({
 const List = () => {
   useTitle('Personnes');
   useDataLoader({ refreshOnMount: true });
+  const isDesktop = useMinimumWidth('sm');
   const filterPersonsWithAllFields = useRecoilValue(filterPersonsWithAllFieldsSelector);
 
   const [search, setSearch] = useSearchParamState('search', '');
@@ -142,7 +144,7 @@ const List = () => {
           </div>
         </div>
       </div>
-      <details className="[&_summary]:open:tw-opacity-10">
+      <details open={isDesktop} className="[&_summary]:open:tw-opacity-10">
         <summary className="tw-my-2 tw-mx-4">Recherche et filtres...</summary>
         <div className="tw-mb-5 tw-flex tw-flex-wrap ">
           <div className="tw-mb-5 tw-flex tw-w-full tw-items-start tw-justify-start">