50 lines
1.4 KiB
TypeScript
50 lines
1.4 KiB
TypeScript
"use client";
|
|
|
|
import { AdminSubscriptionDashboard } from "@/components/admin/subscription-dashboard";
|
|
import { Card, CardContent } from "@/components/ui/card";
|
|
|
|
interface AdminSubscriptionTabProps {
|
|
initialTiers: any[];
|
|
adminUser: {
|
|
subscription_tier?: {
|
|
name: string;
|
|
slug: string;
|
|
} | null;
|
|
} | null;
|
|
}
|
|
|
|
export function AdminSubscriptionTab({
|
|
initialTiers,
|
|
adminUser,
|
|
}: AdminSubscriptionTabProps) {
|
|
return (
|
|
<div className="space-y-6">
|
|
<Card>
|
|
<CardContent className="pt-6">
|
|
<div className="space-y-2">
|
|
<h2 className="text-2xl font-semibold tracking-tight">
|
|
Assinaturas & Permissões
|
|
</h2>
|
|
<p className="text-sm text-muted-foreground max-w-2xl">
|
|
Configure planos, recursos e vincule usuários às assinaturas
|
|
disponíveis. Todas as alterações são aplicadas imediatamente após
|
|
salvar.
|
|
</p>
|
|
{adminUser?.subscription_tier && (
|
|
<p className="text-xs text-muted-foreground">
|
|
Seu plano atual:{" "}
|
|
<span className="font-semibold uppercase">
|
|
{adminUser.subscription_tier.name} (
|
|
{adminUser.subscription_tier.slug})
|
|
</span>
|
|
</p>
|
|
)}
|
|
</div>
|
|
</CardContent>
|
|
</Card>
|
|
|
|
<AdminSubscriptionDashboard initialTiers={initialTiers} />
|
|
</div>
|
|
);
|
|
}
|