added tracking for tease play

audioverse-org · Nov 22, 2023 · c2f01cd · c2f01cd
1 parent b2adefc
commit c2f01cd
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/molecules/teaseRecording.tsx b/src/components/molecules/teaseRecording.tsx
@@ -20,6 +20,7 @@ import IconPlay from '~public/img/icons/icon-play.svg';
 import SuccessIcon from '~public/img/icons/icon-success-light.svg';
 import { RecordingContentType } from '~src/__generated__/graphql';
 
+import { analytics } from '../atoms/analytics';
 import { TeaseRecordingFragment } from './__generated__/teaseRecording';
 import ButtonFavorite from './buttonFavorite';
 import { CardTheme } from './card/base/withCardTheme';
@@ -64,6 +65,13 @@ export default function TeaseRecording({
 	const progress = session.progress;
 	const [personsExpanded, setPersonsExpanded] = useState(false);
 
+	const trackTeasePlay = () => {
+		analytics.track('Tease Play', {
+			Id: recording.id,
+			Recording: recording.title,
+		});
+	};
+
 	const index = recording.sequenceIndex;
 	const count = recording.sequence?.recordings.aggregate?.count;
 
@@ -149,6 +157,7 @@ export default function TeaseRecording({
 								onClick={(e) => {
 									e.preventDefault();
 									session.play();
+									trackTeasePlay();
 								}}
 								color={isDarkTheme ? BaseColors.WHITE : BaseColors.DARK}
 								backgroundColor={backgroundColor}