feat(dashboard): distinguer visuellement les apps INFRA dans le tableau de bord

This commit is contained in:
Manus
2026-08-20 16:33:07 +02:00
parent c3bf677972
commit d9610d2be4

View File

@@ -147,10 +147,12 @@ export default function DashboardPage({ apps }) {
<p className="text-gray-500 text-sm">Aucune application détectée</p> <p className="text-gray-500 text-sm">Aucune application détectée</p>
) : ( ) : (
<div className="space-y-3"> <div className="space-y-3">
{apps.map((app) => ( {apps.map((app) => {
const isInfra = app.category === "INFRA" || ["portail-santinova", "manus-dashboard"].includes(app.id);
return (
<div <div
key={app.id} key={app.id}
className="flex items-center justify-between py-3 px-4 rounded-lg bg-dark-700/50 border border-dark-600/50" className={`flex items-center justify-between py-3 px-4 rounded-lg ${isInfra ? "bg-amber-950/20 border border-amber-500/30" : "bg-dark-700/50 border border-dark-600/50"}`}
> >
<div className="flex items-center gap-3"> <div className="flex items-center gap-3">
<div <div
@@ -163,7 +165,12 @@ export default function DashboardPage({ apps }) {
}`} }`}
/> />
<div> <div>
<p className="text-sm font-medium text-gray-200"> {isInfra && (
<span className="inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[10px] font-semibold bg-amber-500/15 text-amber-400 border border-amber-500/30 mb-0.5">
⚙ Infra
</span>
)}
<p className={`text-sm font-medium ${isInfra ? "text-amber-200" : "text-gray-200"}`}>
{app.name} {app.name}
</p> </p>
<p className="text-xs text-gray-500"> <p className="text-xs text-gray-500">
@@ -180,7 +187,8 @@ export default function DashboardPage({ apps }) {
<StatusBadge status={app.status} /> <StatusBadge status={app.status} />
</div> </div>
</div> </div>
))} );
})}
</div> </div>
)} )}
</div> </div>