basic card to display current plan

Author: brendan-kellam

packages/web/src/app/(app)/settings/components/settingsCard.tsx

@@ -32,7 +32,7 @@ interface BasicSettingsCardProps {
 export function BasicSettingsCard({ name, description, children }: BasicSettingsCardProps) {
     return (
         <SettingsCard>
-            <div className="flex items-start justify-between gap-4">
+            <div className="flex items-center justify-between gap-4">
                 <div className="flex-1 min-w-0">
                     <p className="font-medium">{name}</p>
                     <p className="text-sm text-muted-foreground mt-1">{description}</p>

packages/web/src/app/(app)/settings/license/page.tsx

@@ -2,18 +2,28 @@ import { authenticatedPage } from "@/middleware/authenticatedPage";
 import { OrgRole } from "@sourcebot/db";
 import { ActivationCodeCard } from "./activationCodeCard";
 import { PurchaseButton } from "./purchaseButton";
+import { BasicSettingsCard } from "../components/settingsCard";
+import { getPlan } from "@/lib/entitlements";
 
 export default authenticatedPage(async ({ prisma, org }) => {
     const license = await prisma.license.findUnique({
         where: { orgId: org.id },
     });
 
+    const plan = await getPlan();
+
     return (
         <div className="flex flex-col gap-6">
             <div>
                 <h3 className="text-lg font-medium">License</h3>
                 <p className="text-sm text-muted-foreground">Manage your license.</p>
             </div>
+            <BasicSettingsCard
+                name="Current plan"
+                description="Your active Sourcebot plan."
+            >
+                <span className="text-sm font-medium">{plan}</span>
+            </BasicSettingsCard>
             <ActivationCodeCard isActivated={!!license} />
             <PurchaseButton />
         </div>