Always expand beneficiary search when query is present

carbonplan · Jan 9, 2025 · 2ce35d8 · 2ce35d8
1 parent 0279cc3
commit 2ce35d8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/components/beneficiary-heading.js b/components/beneficiary-heading.js
@@ -46,6 +46,7 @@ const BeneficiaryHeading = ({ sx, color }) => {
     <IconWrapper
       sx={sx}
       buttonBehavior
+      initiallyExpanded={!!beneficiarySearch}
       Icon={SearchCircle}
       color={color}
       onClose={() => setValue('')}

diff --git a/components/icon-wrapper.js b/components/icon-wrapper.js
@@ -8,12 +8,13 @@ const IconWrapper = ({
   Icon,
   content,
   onClose,
+  initiallyExpanded = false,
   buttonBehavior = false,
   color = 'primary',
   mt = '8px',
   sx,
 }) => {
-  const [expanded, setExpanded] = useState(false)
+  const [expanded, setExpanded] = useState(initiallyExpanded)
 
   const handleToggleExpanded = useCallback(() => {
     if (expanded && onClose) {