🛠️ fix: enhance UI/UX and address a11y issues in SetKeyDialog (#5672)

*  refactor: Improve UI consistency and accessibility in SetKeyDialog components

* 🎨 style: Add cursor pointer to Slider component for better UX

* 🐛 chore: Remove unnecessary console log from SetKeyDialog component
This commit is contained in:
Marco Beretta 2025-02-05 22:35:07 +01:00 committed by GitHub
parent 73fe0835cf
commit 5f9543f6fc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
7 changed files with 25 additions and 40 deletions

View file

@ -15,6 +15,7 @@ interface DropdownProps {
iconOnly?: boolean;
renderValue?: (option: Option) => React.ReactNode;
ariaLabel?: string;
portal?: boolean;
}
const isDivider = (item: string | Option | { divider: true }): item is { divider: true } =>
@ -35,6 +36,7 @@ const Dropdown: React.FC<DropdownProps> = ({
iconOnly = false,
renderValue,
ariaLabel,
portal = true,
}) => {
const handleChange = (value: string) => {
onChange(value);
@ -93,7 +95,7 @@ const Dropdown: React.FC<DropdownProps> = ({
{!iconOnly && <Select.SelectArrow />}
</Select.Select>
<Select.SelectPopover
portal
portal={portal}
store={selectProps}
className={cn('popover-ui', sizeClasses, className, 'max-h-[80vh] overflow-y-auto')}
>