From b55f2e98ea6c655fb29fc4df8734e4323313a39d Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Sun, 23 Apr 2023 15:02:10 +0200
Subject: [PATCH] add empty video list page CTA events

---
 src/pages/videos.tsx | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/pages/videos.tsx b/src/pages/videos.tsx
index 2365cdd..03e5766 100644
--- a/src/pages/videos.tsx
+++ b/src/pages/videos.tsx
@@ -16,6 +16,7 @@ import uploadVideoModalOpen from "~/atoms/uploadVideoModalOpen";
 import recordVideoModalOpen from "~/atoms/recordVideoModalOpen";
 import Paywall from "~/components/Paywall";
 import paywallAtom from "~/atoms/paywallAtom";
+import { usePostHog } from "posthog-js/react";
 
 const VideoList: NextPage = () => {
   const [, setRecordOpen] = useAtom(recordVideoModalOpen);
@@ -24,6 +25,7 @@ const VideoList: NextPage = () => {
   const router = useRouter();
   const { status, data: session } = useSession();
   const { data: videos, isLoading } = api.video.getAll.useQuery();
+  const posthog = usePostHog();
 
   if (status === "unauthenticated") {
     void router.replace("/sign-in");
@@ -31,13 +33,28 @@ const VideoList: NextPage = () => {
 
   const openRecordModal = () => {
     setRecordOpen(true);
+
+    posthog?.capture("open record video modal", {
+      stripeSubscriptionStatus: session?.user.stripeSubscriptionStatus,
+      cta: "empty video list page",
+    });
   };
 
   const openUploadModal = () => {
     if (session?.user.stripeSubscriptionStatus === "active") {
       setUploadOpen(true);
+
+      posthog?.capture("open upload video modal", {
+        stripeSubscriptionStatus: session?.user.stripeSubscriptionStatus,
+        cta: "empty video list page",
+      });
     } else {
       setPaywallOpen(true);
+
+      posthog?.capture("hit video upload paywall", {
+        stripeSubscriptionStatus: session?.user.stripeSubscriptionStatus,
+        cta: "empty video list page",
+      });
     }
   };