fix(ui): clean up tenant pages and add license inspection
- Remove tier badge from tenant license page header - Remove tier badge and Tier KPI card from tenant dashboard - Add "Inspect License" toggle on vendor tenant detail to view all limits Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -13,7 +13,6 @@ import { useTenantDashboard, useRestartServer, useUpgradeServer } from '../../ap
|
||||
import { errorMessage } from '../../api/client';
|
||||
import { ServerStatusBadge } from '../../components/ServerStatusBadge';
|
||||
import { UsageIndicator } from '../../components/UsageIndicator';
|
||||
import { tierColor } from '../../utils/tier';
|
||||
import styles from '../../styles/platform.module.css';
|
||||
|
||||
function statusColor(status: string): 'success' | 'error' | 'warning' | 'auto' {
|
||||
@@ -64,7 +63,6 @@ export function TenantDashboardPage() {
|
||||
{/* Header */}
|
||||
<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
|
||||
<h1 style={{ margin: 0, fontSize: '1.25rem', fontWeight: 600 }}>{data.name}</h1>
|
||||
<Badge label={data.tier} color={tierColor(data.tier)} />
|
||||
<Badge label={data.status} color={statusColor(data.status)} />
|
||||
</div>
|
||||
|
||||
@@ -78,7 +76,6 @@ export function TenantDashboardPage() {
|
||||
{/* KPI strip */}
|
||||
<KpiStrip
|
||||
items={[
|
||||
{ label: 'Tier', value: data.tier },
|
||||
{ label: 'Status', value: data.status },
|
||||
{ label: 'Server', value: data.serverHealthy ? 'Healthy' : 'Down' },
|
||||
{ label: 'License', value: daysRemaining > 0 ? `${daysRemaining}d remaining` : 'Expired' },
|
||||
|
||||
@@ -10,7 +10,6 @@ import {
|
||||
import { Copy, Eye, EyeOff } from 'lucide-react';
|
||||
import { useTenantLicense } from '../../api/tenant-hooks';
|
||||
import { UsageIndicator } from '../../components/UsageIndicator';
|
||||
import { tierColor } from '../../utils/tier';
|
||||
import styles from '../../styles/platform.module.css';
|
||||
|
||||
const LIMIT_LABELS: Record<string, string> = {
|
||||
@@ -92,10 +91,7 @@ export function TenantLicensePage() {
|
||||
|
||||
return (
|
||||
<div style={{ padding: 24, display: 'flex', flexDirection: 'column', gap: 20 }}>
|
||||
<div style={{ display: 'flex', alignItems: 'center', gap: 12 }}>
|
||||
<h1 style={{ margin: 0, fontSize: '1.25rem', fontWeight: 600 }}>License</h1>
|
||||
<Badge label={data.tier} color={tierColor(data.tier)} />
|
||||
</div>
|
||||
<h1 style={{ margin: 0, fontSize: '1.25rem', fontWeight: 600 }}>License</h1>
|
||||
|
||||
<div style={{ display: 'grid', gridTemplateColumns: 'repeat(auto-fill, minmax(300px, 1fr))', gap: 16 }}>
|
||||
<Card title="Validity">
|
||||
|
||||
Reference in New Issue
Block a user