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