diff --git a/src/pages/videos.tsx b/src/pages/videos.tsx index 5cb6278..1601597 100644 --- a/src/pages/videos.tsx +++ b/src/pages/videos.tsx @@ -80,7 +80,7 @@ const VideoList: NextPage = () => { }, [closeQueryParam]); useEffect(() => { - if (checkoutCanceledQueryParam === "false" && closeQueryParam === "false") { + if (checkoutCanceledQueryParam && closeQueryParam === "false") { setTimeout(() => { void router.push("/videos").then(() => router.reload()); }, 5000); @@ -152,9 +152,34 @@ const VideoList: NextPage = () => { )} ) : ( - - You can now close this window - +
+ {checkoutCanceledQueryParam === "true" ? ( + <> + + Purchase cancelled + + {closeQueryParam === "true" ? ( + + You can now close this window + + ) : ( + + You will be redirected shortly + + )} + + ) : ( + <> + + Successfully logged in + + + You can now close this window and try to upload the + video again! + + + )} +
)} ) : ( diff --git a/src/server/api/routers/stripe.ts b/src/server/api/routers/stripe.ts index 475306a..a3a5e1d 100644 --- a/src/server/api/routers/stripe.ts +++ b/src/server/api/routers/stripe.ts @@ -50,7 +50,9 @@ export const stripeRouter = createTRPCRouter({ success_url: input.recordModalOpen ? `${baseUrl}/videos?checkoutCanceled=false&close=true` : `${baseUrl}/videos?checkoutCanceled=false&close=false`, - cancel_url: `${baseUrl}/videos?checkoutCanceled=true`, + cancel_url: input.recordModalOpen + ? `${baseUrl}/videos?checkoutCanceled=true&close=true` + : `${baseUrl}/videos?checkoutCanceled=true&close=false`, subscription_data: { trial_settings: { end_behavior: {