ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Emoji Tooltip: Fix scroll by mouse wheel (#2074)

Browse Source
This commit is contained in:
Alexander Zinchuk 2022-10-17 17:34:58 +02:00
parent 65c4015dcc
commit ed616a4fb6
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/middle/composer/EmojiTooltip.tsx
View File

@ -7,9 +7,11 @@ import buildClassName from '../../../util/buildClassName';
import findInViewport from '../../../util/findInViewport'; import findInViewport from '../../../util/findInViewport';
import isFullyVisible from '../../../util/isFullyVisible'; import isFullyVisible from '../../../util/isFullyVisible';
import fastSmoothScrollHorizontal from '../../../util/fastSmoothScrollHorizontal'; import fastSmoothScrollHorizontal from '../../../util/fastSmoothScrollHorizontal';
import useShowTransition from '../../../hooks/useShowTransition'; import useShowTransition from '../../../hooks/useShowTransition';
import usePrevDuringAnimation from '../../../hooks/usePrevDuringAnimation'; import usePrevDuringAnimation from '../../../hooks/usePrevDuringAnimation';
import { useKeyboardNavigation } from './hooks/useKeyboardNavigation'; import { useKeyboardNavigation } from './hooks/useKeyboardNavigation';
import useHorizontalScroll from '../../../hooks/useHorizontalScroll';
import Loading from '../../ui/Loading'; import Loading from '../../ui/Loading';
import EmojiButton from './EmojiButton'; import EmojiButton from './EmojiButton';
@ -68,6 +70,8 @@ const EmojiTooltip: FC<OwnProps> = ({
const { shouldRender, transitionClassNames } = useShowTransition(isOpen, undefined, undefined, false); const { shouldRender, transitionClassNames } = useShowTransition(isOpen, undefined, undefined, false);
const listEmojis: Emoji[] = usePrevDuringAnimation(emojis.length ? emojis : undefined, CLOSE_DURATION) || []; const listEmojis: Emoji[] = usePrevDuringAnimation(emojis.length ? emojis : undefined, CLOSE_DURATION) || [];
useHorizontalScroll(containerRef.current);
const handleSelectEmoji = useCallback((emoji: Emoji) => { const handleSelectEmoji = useCallback((emoji: Emoji) => {
onEmojiSelect(emoji.native); onEmojiSelect(emoji.native);
addRecentEmoji({ emoji: emoji.id }); addRecentEmoji({ emoji: emoji.id });