[portal] Create the customer portal

Author: swashata

src/app/billing/page.tsx

@@ -0,0 +1,32 @@
+import { auth } from '@/lib/auth';
+import { freemius } from '@/lib/freemius';
+import { headers } from 'next/headers';
+import { redirect } from 'next/navigation';
+import { CustomerPortal } from '@/react-starter/components/customer-portal';
+import FSCheckoutProvider from '@/components/fs-checkout';
+import AppMain, { AppContent } from '@/components/app-main';
+
+export default async function Billing() {
+    const session = await auth.api.getSession({
+        headers: await headers(),
+    });
+
+    if (!session) {
+        redirect('/login');
+    }
+
+    const checkout = await freemius.checkout.create({
+        user: session?.user,
+        isSandbox: process.env.NODE_ENV !== 'production',
+    });
+
+    return (
+        <AppMain title="Billing" isLoggedIn={true}>
+            <AppContent>
+                <FSCheckoutProvider checkout={checkout.serialize()}>
+                    <CustomerPortal endpoint={process.env.NEXT_PUBLIC_APP_URL! + '/api/portal'} />
+                </FSCheckoutProvider>
+            </AppContent>
+        </AppMain>
+    );
+}

src/components/app-sidebar.tsx

@@ -36,11 +36,11 @@ const data = {
         },
     ],
     navFooterLoggedIn: [
-        // {
-        //     title: 'Billing & Payments',
-        //     url: '/billing',
-        //     icon: IconReceipt,
-        // },
+        {
+            title: 'Billing & Payments',
+            url: '/billing',
+            icon: IconReceipt,
+        },
         {
             title: 'Credits & Topups',
             url: '/credits',