Filtre global espace gestionnaire sur 1 ligne

Label simple et détail déplacé dans placeholder
betagouv · Feb 5, 2025 · 78f7244 · 78f7244
1 parent 0e5733f
commit 78f7244
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/components/Manager/ManagerHeader.styles.ts b/src/components/Manager/ManagerHeader.styles.ts
@@ -1,4 +1,4 @@
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 
 import { mapControlZindex } from '@/components/Map/Map.style';
 
@@ -7,11 +7,12 @@ export const Filters = styled.div`
   gap: 16px 24px;
   flex-wrap: wrap;
   margin-bottom: 16px;
-  align-items: flex-end;
 `;
 
-export const Filter = styled.div`
-  width: 250px;
+export const Filter = styled.div<{ width?: string }>`
+  ${({ width }) => css`
+    width: ${width ?? '250px'};
+  `}
   margin-bottom: 0 !important;
   z-index: ${mapControlZindex + 2};
   .fr-label {

diff --git a/src/components/Manager/ManagerHeader.tsx b/src/components/Manager/ManagerHeader.tsx
@@ -109,12 +109,13 @@ const ManagerHeader = ({ demands, setFilteredDemands }: { demands: Demand[]; set
 
   return (
     <Filters>
-      <Filter>
+      <Filter width="350px">
         <Input
-          label="Rechercher par nom, email, adresse, réseau (ID ou nom):"
+          label="Rechercher:"
           nativeInputProps={{
             type: 'string',
             required: true,
+            placeholder: 'nom, email, adresse, réseau, gestionnaire...',
             value: globalFilter,
             onChange: (e) => setGlobalFilter(e.target.value),
           }}