Adjust styling of pills and conditional logic of combobox options

sfbrigade · Sep 13, 2024 · 39dc663 · 39dc663
1 parent a60a0c8
commit 39dc663
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/client/src/pages/patients/inputs/MedicalDataSearch.jsx b/client/src/pages/patients/inputs/MedicalDataSearch.jsx
@@ -107,6 +107,8 @@ export default function MedicalDataSearch({
       <Pill
         key={item?.id}
         withRemoveButton
+        radius="md"
+        size="md"
         onRemove={() => handleValueRemove(item?.id)}
       >
         {item?.name}
@@ -139,7 +141,7 @@ export default function MedicalDataSearch({
       return <Combobox.Empty>Start typing to search</Combobox.Empty>;
     }
 
-    if (options.length === 0 && search.length !== 0) {
+    if (options.length === 0) {
       return <Combobox.Empty>All options selected</Combobox.Empty>;
     }
 
@@ -164,7 +166,7 @@ export default function MedicalDataSearch({
       handleSearch={setSearch}
       handleKeyDown={handleKeyDown}
     >
-      <Pill.Group style={{ marginTop: '2px' }}>{values}</Pill.Group>
+      <Pill.Group style={{ marginTop: '6px' }}>{values}</Pill.Group>
     </SearchDatabaseInputField>
   );
 }