gofnnp/w-aura
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

play-pause-yandex-triggers

Browse Source 
add triggers to play/pause control
This commit is contained in:
gofnnp 2024-06-25 02:39:31 +04:00
parent 9f899518fd
commit 966716fd61
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/pages/ABDesign/v1/pages/TrialPayment/components/PersonalVideo/index.tsx
View File

@ -31,6 +31,12 @@ const PersonalVideo = React.memo<IPersonalVideoProps>(({ url, gender }) => {
metricService.reachGoal(EGoals.ROSE_VIDEO_PLAY_END); metricService.reachGoal(EGoals.ROSE_VIDEO_PLAY_END);
}; };
const handlePlayPause = () => {
setIsPlaying((prev) => !prev);
if (isPlaying) metricService.reachGoal(EGoals.ROSE_VIDEO_PLAY_USER_PLAY);
if (!isPlaying) metricService.reachGoal(EGoals.ROSE_VIDEO_PLAY_USER_STOP);
};
return ( return (
<div className={`${styles.container} ym-hide-content`}> <div className={`${styles.container} ym-hide-content`}>
{!isPlaying && !isError && !isStarted && ( {!isPlaying && !isError && !isStarted && (
@ -67,7 +73,7 @@ const PersonalVideo = React.memo<IPersonalVideoProps>(({ url, gender }) => {
{!isError && isStarted && ( {!isError && isStarted && (
<PlayPauseButton <PlayPauseButton
state={isPlaying ? "pause" : "play"} state={isPlaying ? "pause" : "play"}
onClick={() => setIsPlaying((prev) => !prev)} onClick={handlePlayPause}
className={styles["play-pause-button"]} className={styles["play-pause-button"]}
/> />
)} )}