cerc-io/snowballtools-base
16
0
Fork 2
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

🔧 chore: follow select changes

Browse Source
This commit is contained in:
Andre H 2024-02-29 08:52:26 +07:00
parent 30c50a3eec
commit f77f7c120a
1 changed files with 4 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/frontend/src/components/shared/UserSelect/UserSelect.tsx
View File

@ -1,7 +1,6 @@
import React, {
useState,
ComponentPropsWithoutRef,
useCallback,
useRef,
useEffect,
} from 'react';
@ -34,7 +33,7 @@ export const UserSelect = ({ options, value }: UserSelectProps) => {
const navigate = useNavigate();
const [selectedItem, setSelectedItem] = useState<UserSelectOption | null>(
null,
(value as UserSelectOption) || null,
);
const [dropdownOpen, setDropdownOpen] = useState(false);
const [dropdownPosition, setDropdownPosition] = useState<'top' | 'bottom'>(
@ -75,10 +74,8 @@ export const UserSelect = ({ options, value }: UserSelectProps) => {
navigate(`/${selectedItem?.value}`);
};
const isSelected = useCallback(
(item: UserSelectOption) => selectedItem?.value === item.value,
[selectedItem],
);
const isSelected = (item: UserSelectOption) =>
selectedItem?.value === item.value;
const { isOpen, getMenuProps, highlightedIndex, getItemProps, openMenu } =
useCombobox({
@ -94,7 +91,7 @@ export const UserSelect = ({ options, value }: UserSelectProps) => {
onIsOpenChange: ({ isOpen }) => {
setDropdownOpen(isOpen ?? false);
},
selectedItem: selectedItem,
selectedItem: value || null,
itemToString: (item) => (item ? item.label : ''),
});