21 lines
691 B
React
21 lines
691 B
React
|
import { INITIATIVE_STATUS_LABELS, ACTION_STATUS_LABELS } from '../constants/status.js'
|
||
|
|
|
||
|
|
const VARIANTS = {
|
||
|
|
active: 'status-active',
|
||
|
|
paused: 'status-paused',
|
||
|
|
completed: 'status-completed',
|
||
|
|
archived: 'status-archived',
|
||
|
|
open: 'status-open',
|
||
|
|
in_progress: 'status-progress',
|
||
|
|
blocked: 'status-blocked',
|
||
|
|
done: 'status-done',
|
||
|
|
discarded: 'status-discarded',
|
||
|
|
}
|
||
|
|
|
||
|
|
export function StatusBadge({ kind = 'action', status }) {
|
||
|
|
const labels = kind === 'initiative' ? INITIATIVE_STATUS_LABELS : ACTION_STATUS_LABELS
|
||
|
|
const label = labels[status] || status
|
||
|
|
const variant = VARIANTS[status] || 'status-default'
|
||
|
|
return <span className={`badge status-badge ${variant}`}>{label}</span>
|
||
|
|
}
|