admin/OpenFin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: instrument analysis

Browse Source
This commit is contained in:
OpenSquared
2026-06-28 13:35:29 +02:00
parent 6d31ec973a
commit b5d4eb71e7
2 changed files with 29 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
frontend/src/pages/InstrumentDashboard.tsx
View File

@@ -768,6 +768,7 @@ function EventGraphCards({
selectedDate: string | null
instrumentCategory: string
}) {
const navigate = useNavigate()
const causalInsts = CAT_TO_CAUSAL_INST[instrumentCategory] ?? []
const allCats = new Set(
@@ -778,12 +779,15 @@ function EventGraphCards({
.map(ev => EVENT_TO_CAUSAL_CAT[ev.category]).filter(Boolean)
)
const relevant = templates.filter(t => allCats.has(t.category))
// Only show templates where the event is in the period AND template touches this instrument
const relevant = templates.filter(t =>
allCats.has(t.category) && causalInsts.some(ci => t.instruments.includes(ci))
)
if (!relevant.length) {
return (
<div className="text-xs text-slate-600 italic py-3">
Aucun graphe causal associé aux événements de cette période
Aucun graphe causal lié aux événements de cette période pour cet instrument
</div>
)
}
@@ -791,26 +795,22 @@ function EventGraphCards({
return (
<div className="grid grid-cols-2 gap-2 sm:grid-cols-3">
{relevant.map(t => {
const eventActive = activeCats.has(t.category)
const instrumentTouched = causalInsts.some(ci => t.instruments.includes(ci))
const eventActive = activeCats.has(t.category)
return (
<div
key={t.id}
onClick={() => navigate(`/causal-lab?template=${t.id}`)}
className={clsx(
'rounded-lg border p-2.5 transition-colors',
eventActive && instrumentTouched
? 'border-emerald-600/50 bg-emerald-900/20'
: eventActive
? 'border-amber-600/40 bg-amber-900/10'
: 'border-slate-700/30 bg-dark-700/40'
'rounded-lg border p-2.5 cursor-pointer transition-colors group',
eventActive
? 'border-emerald-600/50 bg-emerald-900/20 hover:bg-emerald-900/30'
: 'border-slate-700/30 bg-dark-700/40 hover:bg-dark-700/70'
)}
>
<div className="flex items-start justify-between gap-1 mb-1.5">
<span className={clsx(
'text-xs font-semibold leading-tight',
eventActive && instrumentTouched ? 'text-emerald-300'
: eventActive ? 'text-amber-300'
: 'text-slate-500'
'text-xs font-semibold leading-tight group-hover:underline',
eventActive ? 'text-emerald-300' : 'text-slate-500'
)}>
{t.name}
</span>
@@ -832,15 +832,10 @@ function EventGraphCards({
))}
</div>
<div className="flex items-center justify-between">
<span className={clsx('text-[9px]', eventActive ? 'text-amber-500' : 'text-slate-700')}>
<span className={clsx('text-[9px]', eventActive ? 'text-emerald-500' : 'text-slate-700')}>
{eventActive ? '● actif' : '○ période'}
</span>
<span className={clsx(
'w-2 h-2 rounded-full',
eventActive && instrumentTouched ? 'bg-emerald-400'
: eventActive ? 'bg-amber-500'
: 'bg-slate-700'
)} />
<span className={clsx('w-2 h-2 rounded-full', eventActive ? 'bg-emerald-400' : 'bg-slate-700')} />
</div>
</div>
)