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

disable paywall when stripe is not setup

Browse source
This commit is contained in:
MarconLP 2023-07-16 18:59:33 +02:00
parent bdec8fb90c
commit cb80d74138
No known key found for this signature in database
GPG key ID: F4CAFFDFA3451D5E
3 changed files with 16 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/NewVideoMenu.tsx
View file

@ -6,6 +6,7 @@ import recordVideoModalOpen from "~/atoms/recordVideoModalOpen";
import paywallAtom from "~/atoms/paywallAtom"; import paywallAtom from "~/atoms/paywallAtom";
import { useSession } from "next-auth/react"; import { useSession } from "next-auth/react";
import { usePostHog } from "posthog-js/react"; import { usePostHog } from "posthog-js/react";
import { env } from "~/env.mjs";
export default function NewVideoMenu() { export default function NewVideoMenu() {
const [, setRecordOpen] = useAtom(recordVideoModalOpen); const [, setRecordOpen] = useAtom(recordVideoModalOpen);
@ -29,7 +30,10 @@ export default function NewVideoMenu() {
}; };
const openUploadModal = () => { const openUploadModal = () => {
if (session?.user.stripeSubscriptionStatus === "active") { if (
session?.user.stripeSubscriptionStatus === "active" ||
!env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
) {
setUploadOpen(true); setUploadOpen(true);
posthog?.capture("open upload video modal", { posthog?.capture("open upload video modal", {

9
src/pages/videos.tsx
View file

@ -19,6 +19,7 @@ import { usePostHog } from "posthog-js/react";
import Image from "next/image"; import Image from "next/image";
import { useSearchParams } from "next/navigation"; import { useSearchParams } from "next/navigation";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { env } from "~/env.mjs";
const VideoList: NextPage = () => { const VideoList: NextPage = () => {
const [, setRecordOpen] = useAtom(recordVideoModalOpen); const [, setRecordOpen] = useAtom(recordVideoModalOpen);
@ -54,7 +55,10 @@ const VideoList: NextPage = () => {
}; };
const openUploadModal = () => { const openUploadModal = () => {
if (session?.user.stripeSubscriptionStatus === "active") { if (
session?.user.stripeSubscriptionStatus === "active" ||
!env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
) {
setUploadOpen(true); setUploadOpen(true);
posthog?.capture("open upload video modal", { posthog?.capture("open upload video modal", {
@ -106,7 +110,8 @@ const VideoList: NextPage = () => {
<Paywall /> <Paywall />
{videos?.length && {videos?.length &&
session?.user?.stripeSubscriptionStatus !== "active" ? ( session?.user?.stripeSubscriptionStatus !== "active" &&
1 + 1 === 3 ? (
<div className="mr-4 flex max-h-[35px] flex-col items-center justify-center rounded px-2 py-2 text-sm text-[#6c6685]"> <div className="mr-4 flex max-h-[35px] flex-col items-center justify-center rounded px-2 py-2 text-sm text-[#6c6685]">
<span>{videos.length}/10 videos</span> <span>{videos.length}/10 videos</span>
<div className="mt-1 h-[3px] w-full rounded-full bg-gray-200"> <div className="mt-1 h-[3px] w-full rounded-full bg-gray-200">

5
src/server/api/routers/video.ts
View file

@ -106,7 +106,10 @@ export const videoRouter = createTRPCRouter({
}, },
}); });
if (session.user.stripeSubscriptionStatus !== "active") { if (
session.user.stripeSubscriptionStatus !== "active" &&
!!env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY
) {
posthog?.capture({ posthog?.capture({
distinctId: session.user.id, distinctId: session.user.id,
event: "hit video upload limit", event: "hit video upload limit",