18 | {items.map((item, index) => (
19 |
20 |
21 | {item.title}
22 |
23 | {item.items ? (
24 |
25 | ) : null}
26 |
27 | ))}
28 |
43 | {items.map((item, index) =>
44 | !item.disabled && item.href ? (
45 |
57 | {item.title}
58 |
59 | ) : (
60 |
61 | {item.title}
62 |
63 | )
64 | )}
65 |
66 | ) : null
67 | }
68 |
--------------------------------------------------------------------------------
/app/api/users/stripe/route.ts:
--------------------------------------------------------------------------------
1 | import { getServerSession } from "next-auth/next"
2 | import { z } from "zod"
3 |
4 | import { proPlan } from "@/config/subscriptions"
5 | import { authOptions } from "@/lib/auth"
6 | import { stripe } from "@/lib/stripe"
7 | import { getUserSubscriptionPlan } from "@/lib/subscription"
8 | import { absoluteUrl } from "@/lib/utils"
9 |
10 | const billingUrl = absoluteUrl("/dashboard/billing")
11 |
12 | export async function GET(req: Request) {
13 | try {
14 | const session = await getServerSession(authOptions)
15 |
16 | if (!session?.user || !session?.user.email) {
17 | return new Response(null, { status: 403 })
18 | }
19 |
20 | const subscriptionPlan = await getUserSubscriptionPlan(session.user.id)
21 |
22 | // The user is on the pro plan.
23 | // Create a portal session to manage subscription.
24 | if (subscriptionPlan.isPro && subscriptionPlan.stripeCustomerId) {
25 | const stripeSession = await stripe.billingPortal.sessions.create({
26 | customer: subscriptionPlan.stripeCustomerId,
27 | return_url: billingUrl,
28 | })
29 |
30 | return new Response(JSON.stringify({ url: stripeSession.url }))
31 | }
32 |
33 | // The user is on the free plan.
34 | // Create a checkout session to upgrade.
35 | const stripeSession = await stripe.checkout.sessions.create({
36 | success_url: billingUrl,
37 | cancel_url: billingUrl,
38 | payment_method_types: ["card"],
39 | mode: "subscription",
40 | billing_address_collection: "auto",
41 | customer_email: session.user.email,
42 | line_items: [
43 | {
44 | price: proPlan.stripePriceId,
45 | quantity: 1,
46 | },
47 | ],
48 | metadata: {
49 | userId: session.user.id,
50 | },
51 | })
52 |
53 | return new Response(JSON.stringify({ url: stripeSession.url }))
54 | } catch (error) {
55 | if (error instanceof z.ZodError) {
56 | return new Response(JSON.stringify(error.issues), { status: 422 })
57 | }
58 |
59 | return new Response(null, { status: 500 })
60 | }
61 | }
62 |
--------------------------------------------------------------------------------
/components/ui/tabs.tsx:
--------------------------------------------------------------------------------
1 | "use client"
2 |
3 | import * as React from "react"
4 | import * as TabsPrimitive from "@radix-ui/react-tabs"
5 |
6 | import { cn } from "@/lib/utils"
7 |
8 | const Tabs = TabsPrimitive.Root
9 |
10 | const TabsList = React.forwardRef<
11 | React.ElementRef