From 96296e8b4c971a5f341bef3095d22fdcb090a2e0 Mon Sep 17 00:00:00 2001
From: MarconLP <13001502+MarconLP@users.noreply.github.com>
Date: Sun, 23 Apr 2023 14:59:01 +0200
Subject: [PATCH] add newvideomenu events

---
 src/components/NewVideoMenu.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/NewVideoMenu.tsx b/src/components/NewVideoMenu.tsx
index e311f15..f574a3f 100644
--- a/src/components/NewVideoMenu.tsx
+++ b/src/components/NewVideoMenu.tsx
@@ -5,22 +5,36 @@ import { useAtom } from "jotai";
 import recordVideoModalOpen from "~/atoms/recordVideoModalOpen";
 import paywallAtom from "~/atoms/paywallAtom";
 import { useSession } from "next-auth/react";
+import { usePostHog } from "posthog-js/react";
 
 export default function NewVideoMenu() {
   const [, setRecordOpen] = useAtom(recordVideoModalOpen);
   const [, setUploadOpen] = useAtom(uploadVideoModalOpen);
   const [, setPaywallOpen] = useAtom(paywallAtom);
   const { data: session } = useSession();
+  const posthog = usePostHog();
 
   const openRecordModal = () => {
     setRecordOpen(true);
+
+    posthog?.capture("open record video modal", {
+      stripeSubscriptionStatus: session?.user.stripeSubscriptionStatus,
+    });
   };
 
   const openUploadModal = () => {
     if (session?.user.stripeSubscriptionStatus === "active") {
       setUploadOpen(true);
+
+      posthog?.capture("open upload video modal", {
+        stripeSubscriptionStatus: session?.user.stripeSubscriptionStatus,
+      });
     } else {
       setPaywallOpen(true);
+
+      posthog?.capture("hit video upload paywall", {
+        stripeSubscriptionStatus: session?.user.stripeSubscriptionStatus,
+      });
     }
   };