Files
InsanityLab-web/src/components/stress-index/Kpi.astro
T
Adriano c4eb598a3a Piattaforme riservate: ruolo dedicato e port della dashboard Stress Index
Il ruolo `campus` diventa `piattaforme` e non apre più solo la sezione
Biohacking: copre tutte le aree riservate, con migrazione guardata sugli
utenti esistenti. Nell'header la vecchia voce Biohacking lascia il posto a
un menu Piattaforme con i due link, visibile solo a chi ha il ruolo, e
/piattaforme diventa la pagina di atterraggio.

Stress Index è portata dentro il sito: le nove viste dell'area
professionisti diventano pagine Astro sotto /piattaforme/stress-index,
con lo stile del sito al posto del design system del prototipo. React
resta solo dove serve davvero — grafici recharts e scheda cliente — il
resto è Astro con un filo di JS. I dati sono ancora quelli dimostrativi,
raccolti in lib/stress-index/data.ts.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-07-31 15:49:47 +02:00

15 lines
525 B
Plaintext

---
// Indicatore sintetico: valore grande, etichetta e variazione con verso.
interface Props { label: string; value: string | number; delta?: string; trend?: 'up' | 'down' }
const { label, value, delta, trend = 'up' } = Astro.props;
---
<div class="si-card">
<p class="si-kpi__label">{label}</p>
<p class="si-kpi__value">{value}</p>
{delta && (
<p class:list={['si-kpi__delta', trend === 'down' ? 'si-kpi__delta--down' : 'si-kpi__delta--up']}>
{trend === 'down' ? '▼' : '▲'} {delta}
</p>
)}
</div>