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

Reaction: Fix effect playback (#5152)

Browse Source
This commit is contained in:
zubiden 2024-11-09 15:40:13 +04:00 committed by Alexander Zinchuk
parent e678824a10
commit 5c9c5f0cd8
1 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/common/reactions/ReactionAnimatedEmoji.tsx
View File

@ -10,7 +10,7 @@ import type {
} from '../../../api/types';
import type { ObserveFn } from '../../../hooks/useIntersectionObserver';
import { isSameReaction } from '../../../global/helpers';
import { getStickerHashById, isSameReaction } from '../../../global/helpers';
import { selectPerformanceSettingsValue, selectTabState } from '../../../global/selectors';
import buildClassName from '../../../util/buildClassName';
import { roundToNearestEven } from '../../../util/math';
@ -112,11 +112,11 @@ const ReactionAnimatedEmoji = ({
const isIntersecting = useIsIntersecting(ref, observeIntersection);
const mediaHashCenterIcon = centerIconId && `sticker${centerIconId}`;
const mediaHashEffect = effectId && `sticker${effectId}`;
const mediaHashCenterIcon = centerIconId && getStickerHashById(centerIconId);
const mediaHashEffect = effectId && getStickerHashById(effectId);
const mediaDataCenterIcon = useMedia(mediaHashCenterIcon, !centerIconId);
const mediaDataEffect = useMedia(mediaHashEffect, !effectId);
const mediaDataCenterIcon = useMedia(mediaHashCenterIcon);
const mediaDataEffect = useMedia(mediaHashEffect);
const activeReaction = useMemo(() => (
activeReactions?.find((active) => isSameReaction(active, reaction))
@ -173,6 +173,7 @@ const ReactionAnimatedEmoji = ({
noVideoOnMobile
loopLimit={loopLimit}
observeIntersectionForPlaying={observeIntersection}
forceAlways
/>
)}
{shouldRenderCenter && !isCustom && (
@ -185,6 +186,7 @@ const ReactionAnimatedEmoji = ({
noLoop={!shouldLoop}
onLoad={markAnimationLoaded}
onEnded={unmarkAnimationLoaded}
forceAlways
/>
)}
{shouldRenderEffect && (
@ -197,6 +199,7 @@ const ReactionAnimatedEmoji = ({
play={isIntersecting}
noLoop
onEnded={handleEnded}
forceAlways
/>
{isCustom && !assignedEffectId && isIntersecting && (
<CustomEmojiEffect