Files
riseup_squad_03/src/components/featureStateStyles.js
letvb20-dot bcee06b908 modified: src/components/featureStateStyles.js
modified:   src/index.css
modified:   src/pages/ReportsPage.jsx
2026-05-09 19:10:20 -03:00

32 lines
1016 B
JavaScript

export const featureStateStyles = {
live: {
badge: 'hidden',
panel: 'border-[#404040] bg-[#262626]',
title: 'text-[#e5e5e5]',
label: '',
},
partial: {
badge: 'feature-badge-partial border-sky-500/40 bg-sky-500/15 text-sky-300',
panel: 'feature-panel-partial border-sky-500/35 bg-sky-500/8',
title: 'feature-title-partial text-sky-300',
label: 'Parcial',
},
mock: {
badge: 'feature-badge-mock border-amber-500/40 bg-amber-500/15 text-amber-300',
panel: 'feature-panel-mock border-amber-500/35 bg-amber-500/8',
title: 'feature-title-mock text-amber-300',
label: 'Mockado',
},
wip: {
badge: 'feature-badge-wip border-rose-500/40 bg-rose-500/15 text-rose-300',
panel: 'feature-panel-wip border-rose-500/35 bg-rose-500/8',
title: 'feature-title-wip text-rose-300',
label: 'WIP',
},
}
export function featurePanelClass(status = 'partial') {
const current = featureStateStyles[status] || featureStateStyles.partial
return current.panel
}