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

Custom Emoji Modal: Fix icons playback on second opening (#2822)

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-03-19 22:31:35 -05:00
parent e3269baf14
commit 033422581b
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/common/CustomEmojiSetsModal.tsx
View File

@ -10,6 +10,7 @@ import buildClassName from '../../util/buildClassName';
import { useIntersectionObserver } from '../../hooks/useIntersectionObserver'; import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
import usePrevious from '../../hooks/usePrevious'; import usePrevious from '../../hooks/usePrevious';
import useLang from '../../hooks/useLang';
import Modal from '../ui/Modal'; import Modal from '../ui/Modal';
import StickerSetCard from './StickerSetCard'; import StickerSetCard from './StickerSetCard';
@ -30,10 +31,13 @@ const CustomEmojiSetsModal: FC<OwnProps & StateProps> = ({
onClose, onClose,
}) => { }) => {
const { openStickerSet } = getActions(); const { openStickerSet } = getActions();
const lang = useLang();
// eslint-disable-next-line no-null/no-null // eslint-disable-next-line no-null/no-null
const customEmojiModalRef = useRef<HTMLDivElement>(null); const customEmojiModalRef = useRef<HTMLDivElement>(null);
const { observe: observeIntersectionForCovers } = useIntersectionObserver({ rootRef: customEmojiModalRef }); const { observe: observeIntersectionForCovers } = useIntersectionObserver({
rootRef: customEmojiModalRef, isDisabled: !customEmojiSets,
});
const prevCustomEmojiSets = usePrevious(customEmojiSets); const prevCustomEmojiSets = usePrevious(customEmojiSets);
const renderingCustomEmojiSets = customEmojiSets || prevCustomEmojiSets; const renderingCustomEmojiSets = customEmojiSets || prevCustomEmojiSets;
@ -50,9 +54,9 @@ const CustomEmojiSetsModal: FC<OwnProps & StateProps> = ({
className={styles.root} className={styles.root}
onClose={onClose} onClose={onClose}
hasCloseButton hasCloseButton
title="Sets of used emoji" title={lang('lng_custom_emoji_used_sets')}
> >
<div className={buildClassName(styles.sets, 'custom-scroll')} ref={customEmojiModalRef}> <div className={buildClassName(styles.sets, 'custom-scroll')} ref={customEmojiModalRef} teactFastList>
{renderingCustomEmojiSets?.map((customEmojiSet) => ( {renderingCustomEmojiSets?.map((customEmojiSet) => (
<StickerSetCard <StickerSetCard
key={customEmojiSet.id} key={customEmojiSet.id}