feat(dashboard): distinguer visuellement les apps INFRA dans le tableau de bord
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user