From 966716fd6140c91b328cdba27b2d8f7d6bbfbb09 Mon Sep 17 00:00:00 2001
From: gofnnp <fbicha1234@gmail.com>
Date: Tue, 25 Jun 2024 02:39:31 +0400
Subject: [PATCH] play-pause-yandex-triggers

add triggers to play/pause control
---
 .../pages/TrialPayment/components/PersonalVideo/index.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/ABDesign/v1/pages/TrialPayment/components/PersonalVideo/index.tsx b/src/components/pages/ABDesign/v1/pages/TrialPayment/components/PersonalVideo/index.tsx
index 43f66a8..4953bd1 100644
--- a/src/components/pages/ABDesign/v1/pages/TrialPayment/components/PersonalVideo/index.tsx
+++ b/src/components/pages/ABDesign/v1/pages/TrialPayment/components/PersonalVideo/index.tsx
@@ -31,6 +31,12 @@ const PersonalVideo = React.memo<IPersonalVideoProps>(({ url, gender }) => {
     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 (
     <div className={`${styles.container} ym-hide-content`}>
       {!isPlaying && !isError && !isStarted && (
@@ -67,7 +73,7 @@ const PersonalVideo = React.memo<IPersonalVideoProps>(({ url, gender }) => {
       {!isError && isStarted && (
         <PlayPauseButton
           state={isPlaying ? "pause" : "play"}
-          onClick={() => setIsPlaying((prev) => !prev)}
+          onClick={handlePlayPause}
           className={styles["play-pause-button"]}
         />
       )}