fix: dropdown item active item endcontent icon

jobstash · Dec 17, 2024 · bbbf349 · bbbf349
1 parent b27b27d
commit bbbf349
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/search/components/pillar-items-dropdown-content.tsx b/src/search/components/pillar-items-dropdown-content.tsx
@@ -231,14 +231,20 @@ export const PillarItemsDropdownContent = (props: Props) => {
           onAction={onAction}
         >
           <ListboxSection>
-            {activeDropdownItems.map((label, i) => (
+            {activeDropdownItems.map((label) => (
               <ListboxItem
                 key={label}
                 classNames={{
                   base: 'py-3 text-accent2 font-bold bg-accent2/5 hover:bg-accent2/20 data-[hover="true"]:bg-accent2/20',
                 }}
                 textValue={label}
-                endContent={i === 0 ? <LockIcon /> : <CheckmarkIcon />}
+                endContent={
+                  params.item === normalizeString(label) ? (
+                    <LockIcon />
+                  ) : (
+                    <CheckmarkIcon />
+                  )
+                }
               >
                 {label}
               </ListboxItem>