admin-aaw/snapify-authentik
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

add empty video list page CTA events

Browse source
This commit is contained in:
MarconLP 2023-04-23 15:02:10 +02:00
parent 96296e8b4c
commit b55f2e98ea
No known key found for this signature in database
GPG key ID: A08A9C8B623F5EA5
1 changed files with 17 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
src/pages/videos.tsx
View file

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