feat: add shared admin UI components (StatusBadge, RefreshableCard, ConfirmDeleteDialog)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
17
ui/src/components/admin/StatusBadge.tsx
Normal file
17
ui/src/components/admin/StatusBadge.tsx
Normal file
@@ -0,0 +1,17 @@
|
||||
import styles from './StatusBadge.module.css';
|
||||
|
||||
export type Status = 'healthy' | 'warning' | 'critical' | 'unknown';
|
||||
|
||||
interface StatusBadgeProps {
|
||||
status: Status;
|
||||
label?: string;
|
||||
}
|
||||
|
||||
export function StatusBadge({ status, label }: StatusBadgeProps) {
|
||||
return (
|
||||
<span className={styles.badge}>
|
||||
<span className={`${styles.dot} ${styles[status]}`} />
|
||||
{label && <span className={styles.label}>{label}</span>}
|
||||
</span>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user