Align ticket status colors and polish Windows insights

This commit is contained in:
Esdras Renan 2025-10-21 00:12:39 -03:00
parent 6a8f7a63aa
commit 6007babad3
2 changed files with 25 additions and 20 deletions

View file

@ -2356,8 +2356,9 @@ export function MachineDetails({ machine }: MachineDetailsProps) {
</CardTitle>
<CardDescription>Configurações automáticas e histórico recente</CardDescription>
</CardHeader>
<CardContent className="space-y-3 text-sm">
<div className="flex flex-wrap gap-2 text-xs">
<CardContent className="grid gap-4 text-sm lg:grid-cols-[minmax(0,1fr)_minmax(0,220px)]">
<div className="space-y-3">
<div className="flex flex-wrap gap-2 text-xs">
{windowsUpdateDisabled !== undefined ? (
<Badge className={windowsUpdateDisabled ? BADGE_WARNING : BADGE_POSITIVE}>
{windowsUpdateDisabled ? <ShieldOff className="size-3" /> : <ShieldCheck className="size-3" />}
@ -2370,21 +2371,21 @@ export function MachineDetails({ machine }: MachineDetailsProps) {
Sem detecção automática
</Badge>
) : null}
</div>
<div className="grid gap-2">
<DetailLine label="Modo" value={windowsUpdateMode ?? "—"} />
<DetailLine label="Agendamento" value={windowsUpdateScheduleLabel ?? "—"} />
<DetailLine label="Último sucesso" value={windowsUpdateLastSuccessLabel ?? "—"} />
</div>
<div className="grid gap-2">
<DetailLine label="Modo" value={windowsUpdateMode ?? "—"} />
<DetailLine label="Agendamento" value={windowsUpdateScheduleLabel ?? "—"} />
<DetailLine label="Último sucesso" value={windowsUpdateLastSuccessLabel ?? "—"} />
</div>
</div>
{windowsHotfixes.length > 0 ? (
<div className="space-y-1">
<Separator className="my-2" />
<div className="rounded-md border border-slate-200 bg-slate-50/80 p-3">
<p className="text-xs font-semibold uppercase text-slate-500">Atualizações recentes</p>
<ul className="space-y-1 text-xs text-muted-foreground">
<ul className="mt-2 space-y-1 text-xs text-muted-foreground">
{windowsHotfixes.slice(0, 3).map((fix) => (
<li key={fix.id} className="flex items-center justify-between gap-3">
<li key={fix.id} className="flex flex-col gap-1 border-b border-slate-200 pb-1 last:border-b-0 last:pb-0">
<span className="font-medium text-foreground">{fix.id}</span>
<span>{fix.installedLabel}</span>
<span className="text-[11px] uppercase tracking-wide text-slate-500">{fix.installedLabel}</span>
</li>
))}
</ul>
@ -2565,7 +2566,11 @@ export function MachineDetails({ machine }: MachineDetailsProps) {
].join(" · ")}
</span>
</div>
) : null}
) : (
<p className="text-xs text-muted-foreground">
TPM: não foi possível coletar informações (requer privilégios administrativos na máquina).
</p>
)}
{windowsDeviceGuardDetails ? (
<div className="grid gap-1 text-xs text-muted-foreground">
@ -3090,9 +3095,9 @@ export function MachineDetails({ machine }: MachineDetailsProps) {
</Dialog>
</div>
)}
</CardContent>
</Card>
)
</CardContent>
</Card>
);
}
function MachinesGrid({ machines, companyNameBySlug }: { machines: MachinesQueryItem[]; companyNameBySlug: Map<string, string> }) {