Developing the combobox component.

kalkulacka-one · Nov 28, 2024 · 1247d22 · 1247d22
1 parent 1ca3b5f
commit 1247d22
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/packages/design-system/src/ui/input/combobox/multipleSelect/combobox.tsx b/packages/design-system/src/ui/input/combobox/multipleSelect/combobox.tsx
@@ -118,7 +118,7 @@ const Combobox = forwardRef<
       if (!selectedValues.includes(valueToAdd)) {
         const newSelectedValues = [...selectedValues, valueToAdd];
         console.log("Setting new selectedValues:", newSelectedValues);
-        //Tells the parz
+        //Tells the par
         setSelectedValues(newSelectedValues);
         setQuery(""); // Clear query after selection
 

diff --git a/packages/design-system/src/ui/input/combobox/singleSelect/combobox.tsx b/packages/design-system/src/ui/input/combobox/singleSelect/combobox.tsx
@@ -36,19 +36,19 @@ const Combobox = forwardRef<
       options,
       ...props
     },
-    ref
+    ref,
   ) => {
     //Use state for selecting values. If nothing is provided, defaultValue will become the selected value
     const [selectedValue, setSelectedValue] = useState<string | null>(
-      defaultValue || null
+      defaultValue || null,
     );
 
     const [query, setQuery] = useState<string>(defaultValue || "");
     const [filteredOptions, setFilteredOptions] = useState(options);
 
     useEffect(() => {
       const filtered = options.filter((option) =>
-        option.label.toLowerCase().includes(query.toLowerCase())
+        option.label.toLowerCase().includes(query.toLowerCase()),
       );
       setFilteredOptions(filtered);
     }, [query, options]);
@@ -138,7 +138,7 @@ const Combobox = forwardRef<
         </Options>
       </ComboboxPrimitive>
     );
-  }
+  },
 );
 
 export { Combobox, Input };
diff --git a/packages/design-system/src/ui/input/combobox/singleSelect/singleSelectField.tsx b/packages/design-system/src/ui/input/combobox/singleSelect/singleSelectField.tsx
@@ -68,7 +68,7 @@ const SingleSelectField = forwardRef<React.ElementRef<typeof Input>, Props>(
         {hasError && <Description state="error">{error}</Description>}
       </Field>
     );
-  }
+  },
 );
 
 export { SingleSelectField };