import AdminLayout from '@/Layouts/AdminLayout'; import { ConfirmDialog } from '@/components/ui/confirm-dialog'; import { Tabs, TabsContent, TabsList, TabsTrigger } from '@/components/ui/tabs'; import { Head, router } from '@inertiajs/react'; import { useState } from 'react'; import ActivityTab from './components/ActivityTab'; import BillingTab from './components/BillingTab'; import ChangePlanDialog from './components/ChangePlanDialog'; import ExtendTrialDialog from './components/ExtendTrialDialog'; import OverviewTab from './components/OverviewTab'; import TeamTab from './components/TeamTab'; import TenantHeader from './components/TenantHeader'; import UsageTab from './components/UsageTab'; import type { ActivityEntry, InvoiceRow, Member, TenantDetail, TenantPlan, TenantSubscription, TenantUsage, } from './components/types'; interface Props { tenant: TenantDetail; members: Member[]; subscription: TenantSubscription | null; invoices: InvoiceRow[]; usage: TenantUsage; activity: ActivityEntry[]; plans: TenantPlan[]; } export default function TenantsShow({ tenant, members, subscription, invoices, usage, activity, plans, }: Props) { const isSuspended = tenant.status === 'suspended'; const [confirmSuspend, setConfirmSuspend] = useState(false); const [confirmDelete, setConfirmDelete] = useState(false); const [showExtendTrial, setShowExtendTrial] = useState(false); const [showChangePlan, setShowChangePlan] = useState(false); const [busy, setBusy] = useState(false); const act = ( method: 'post' | 'patch' | 'delete', path: string, data: Record = {}, onDone?: () => void, ) => { setBusy(true); const options = { preserveScroll: true, onFinish: () => { setBusy(false); onDone?.(); }, }; const url = `/admin/tenants/${tenant.id}${path}`; if (method === 'delete') { router.delete(url, options); } else { router[method](url, data, options); } }; return (

act('post', '/reactivate')} onSuspend={() => setConfirmSuspend(true)} onExtendTrial={() => setShowExtendTrial(true)} onChangePlan={() => setShowChangePlan(true)} onDelete={() => setConfirmDelete(true)} /> Overview Team ({members.length}) Billing Usage Activity

act('post', '/suspend', {}, () => setConfirmSuspend(false)) } /> act('delete', '')} /> act('post', '/extend-trial', { days }, () => setShowExtendTrial(false), ) } /> act( 'patch', '/plan', { plan_id: planId, billing_cycle: billingCycle }, () => setShowChangePlan(false), ) } /> ); }