diff --git a/src/components/Paywall.tsx b/src/components/Paywall.tsx index 2156d06..18a6498 100644 --- a/src/components/Paywall.tsx +++ b/src/components/Paywall.tsx @@ -8,8 +8,10 @@ import { useRouter } from "next/router"; import { CheckIcon } from "@heroicons/react/20/solid"; import Tooltip from "~/components/Tooltip"; import { usePostHog } from "posthog-js/react"; +import recordVideoModalOpen from "~/atoms/recordVideoModalOpen"; export default function Paywall() { + const [recordModalOpen] = useAtom(recordVideoModalOpen); const { mutateAsync: createCheckoutSession } = api.stripe.createCheckoutSession.useMutation(); const router = useRouter(); @@ -26,7 +28,11 @@ export default function Paywall() { const handleCheckout = async () => { const { checkoutUrl } = await createCheckoutSession({ billedAnnually }); if (checkoutUrl) { - void router.push(checkoutUrl); + if (recordModalOpen) { + window.open(checkoutUrl, "_blank", "noreferrer,width=500,height=500"); + } else { + void router.push(checkoutUrl); + } } }; diff --git a/src/server/api/routers/video.ts b/src/server/api/routers/video.ts index 1f2c85a..0c5d4d8 100644 --- a/src/server/api/routers/video.ts +++ b/src/server/api/routers/video.ts @@ -106,10 +106,7 @@ export const videoRouter = createTRPCRouter({ }, }); - if ( - videos.length >= 10 && - session.user.stripeSubscriptionStatus !== "active" - ) { + if (session.user.stripeSubscriptionStatus !== "active") { posthog?.capture({ distinctId: session.user.id, event: "hit video upload limit",