diff --git a/libs/ui/src/components/combobox.tsx b/libs/ui/src/components/combobox.tsx index 499d451b6..1413a1820 100644 --- a/libs/ui/src/components/combobox.tsx +++ b/libs/ui/src/components/combobox.tsx @@ -3,9 +3,15 @@ import { cn } from "@reactive-resume/utils"; import { forwardRef, useState } from "react"; import { Button } from "./button"; -import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem } from "./command"; +import { + Command, + CommandEmpty, + CommandGroup, + CommandInput, + CommandItem, + CommandList, +} from "./command"; import { Popover, PopoverContent, PopoverTrigger } from "./popover"; -import { ScrollArea } from "./scroll-area"; export interface ComboboxOption { value: string; @@ -93,43 +99,41 @@ export const Combobox = forwardRef( ref={ref} placeholder={props.searchPlaceholder ?? "Search for an option"} /> - {props.emptyText ?? "No results found"} - - -
- {props.options.map((option) => ( - { - const option = props.options.find( - (option) => option.value.toLowerCase().trim() === selectedValue, - ); + + {props.emptyText ?? "No results found"} + + {props.options.map((option) => ( + { + const option = props.options.find( + (option) => option.value.toLowerCase().trim() === selectedValue, + ); - if (!option) return null; + if (!option) return null; - if (props.multiple) { - handleMultipleSelect(props, option); - } else { - handleSingleSelect(props, option); + if (props.multiple) { + handleMultipleSelect(props, option); + } else { + handleSingleSelect(props, option); - setOpen(false); - } - }} - > - - {option.label} - - ))} -
-
-
+ setOpen(false); + } + }} + > + + {option.label} + + ))} + + diff --git a/package.json b/package.json index 4c2ff8154..7d9df8086 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@reactive-resume/source", "description": "A free and open-source resume builder that simplifies the process of creating, updating, and sharing your resume.", - "version": "4.0.7", + "version": "4.0.8", "license": "MIT", "private": true, "author": {