Implements Task 9: shared components (ServerStatusBadge, UsageIndicator, platform.module.css, tierColor utility) and full vendor console pages (VendorTenantsPage, CreateTenantPage, TenantDetailPage). Build passes cleanly. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
18 lines
569 B
TypeScript
18 lines
569 B
TypeScript
import { Badge } from '@cameleer/design-system';
|
|
|
|
interface Props {
|
|
state: string;
|
|
}
|
|
|
|
const config: Record<string, { color: 'success' | 'error' | 'warning' | 'auto'; label: string }> = {
|
|
RUNNING: { color: 'success', label: 'Running' },
|
|
STOPPED: { color: 'error', label: 'Stopped' },
|
|
NOT_FOUND: { color: 'auto', label: 'No Server' },
|
|
ERROR: { color: 'error', label: 'Error' },
|
|
};
|
|
|
|
export function ServerStatusBadge({ state }: Props) {
|
|
const c = config[state] ?? { color: 'auto' as const, label: state };
|
|
return <Badge color={c.color} label={c.label} />;
|
|
}
|