danog/telegram-tt
1
0
Fork 0
mirror of https://github.com/danog/telegram-tt.git synced 2024-12-13 17:47:39 +01:00
Code Issues Packages Projects Releases Wiki Activity

Mention Tooltip: Fix resetting active item (#1509)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-10-22 02:24:48 +03:00
parent b798d92f07
commit 05a5ce0e17
2 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/middle/composer/MentionTooltip.tsx
View File

@ -52,6 +52,7 @@ const MentionTooltip: FC<OwnProps> = ({
items: filteredUsers,
onSelect: handleSelectMention,
shouldSelectOnTab: true,
shouldSaveSelectionOnUpdateItems: true,
onClose,
});

9
src/components/middle/composer/hooks/useKeyboardNavigation.ts
View File

@ -5,6 +5,7 @@ import cycleRestrict from '../../../../util/cycleRestrict';
export function useKeyboardNavigation({
isActive,
isHorizontal,
shouldSaveSelectionOnUpdateItems,
shouldRemoveSelectionOnReset,
noArrowNavigation,
items,
@ -14,6 +15,7 @@ export function useKeyboardNavigation({
}: {
isActive: boolean;
isHorizontal?: boolean;
shouldSaveSelectionOnUpdateItems?: boolean;
shouldRemoveSelectionOnReset?: boolean;
noArrowNavigation?: boolean;
items?: any[];
@ -46,9 +48,12 @@ export function useKeyboardNavigation({
}
}, [items, onSelect, selectedItemIndex]);
const isSelectionOutOfRange = !items || selectedItemIndex > items.length - 1;
useEffect(() => {
setSelectedItemIndex(shouldRemoveSelectionOnReset ? -1 : 0);
}, [items, shouldRemoveSelectionOnReset]);
if (!shouldSaveSelectionOnUpdateItems || isSelectionOutOfRange) {
setSelectedItemIndex(shouldRemoveSelectionOnReset ? -1 : 0);
}
}, [isSelectionOutOfRange, shouldRemoveSelectionOnReset, shouldSaveSelectionOnUpdateItems]);
useEffect(() => (isActive ? captureKeyboardListeners({
onEsc: onClose,