#399

frontend/src/components/common/StatusBadge.tsx

@@ -3,12 +3,8 @@ import { cn } from '@/lib/utils'
 import type { FC, ReactNode } from 'react'
 
 export type StatusBadgeTone =
-    'danger'
-    | 'default'
-    | 'info'
-    | 'manual'
-    | 'ready'
-    | 'skipped'
+    'success'
+    | 'neutral'
     | 'warning'
 
 type Props = {
@@ -16,35 +12,22 @@ type Props = {
     tone:     StatusBadgeTone }
 
 const TONES: Record<StatusBadgeTone, string[]> = {
-    default: [
-	'border-slate-300 bg-slate-50 text-slate-700',
-	'dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200'],
-    ready: [
+    success: [
 	'border-emerald-300 bg-emerald-50 text-emerald-700',
 	'dark:border-emerald-900 dark:bg-emerald-950 dark:text-emerald-200'],
     warning: [
 	'border-amber-300 bg-amber-50 text-amber-700',
 	'dark:border-amber-900 dark:bg-amber-950 dark:text-amber-200'],
-    danger: [
-	'border-rose-300 bg-rose-50 text-rose-700',
-	'dark:border-rose-900 dark:bg-rose-950 dark:text-rose-200'],
-    info: [
-	'border-sky-300 bg-sky-50 text-sky-700',
-	'dark:border-sky-900 dark:bg-sky-950 dark:text-sky-200'],
-    skipped: [
+    neutral: [
 	'border-stone-300 bg-stone-50 text-stone-700',
-	'dark:border-stone-700 dark:bg-stone-900 dark:text-stone-200'],
-    manual: [
-	'border-purple-300 bg-purple-50 text-purple-700',
-	'dark:border-purple-900 dark:bg-purple-950 dark:text-purple-200'] }
+	'dark:border-stone-700 dark:bg-stone-900 dark:text-stone-200'] }
 
 
 const StatusBadge: FC<Props> = ({ children, tone }) => (
     <span
 	className={cn (
 	    'inline-flex items-center rounded-full border px-2.5 py-1 text-xs font-medium',
-	    TONES[tone],
-	)}>
+	    TONES[tone])}>
       {children}
     </span>)