redesign the homepage

2026-06-26 16:27:21 -04:00
parent 256ff0814e
commit d7fb7b7a7b
1030 changed files with 107374 additions and 2657 deletions
@@ -0,0 +1,29 @@
+import { Icon, type ApprovedIconName } from './Icon';
+import styles from './StatusBadge.module.css';
+
+export type StatusTone = 'neutral' | 'info' | 'success' | 'warning' | 'error';
+
+const icons: Partial<Record<StatusTone, ApprovedIconName>> = {
+  info: 'info',
+  success: 'check',
+  warning: 'warning',
+  error: 'error',
+};
+
+export function StatusBadge({
+  children,
+  tone = 'neutral',
+  showIcon = false,
+}: {
+  children: string;
+  tone?: StatusTone;
+  showIcon?: boolean;
+}) {
+  const icon = icons[tone];
+  return (
+    <span className={`${styles.badge} ${styles[tone]}`}>
+      {showIcon && icon ? <Icon name={icon} size="sm" /> : null}
+      {children}
+    </span>
+  );
+}