Align ticket status colors and polish Windows insights
This commit is contained in:
parent
6a8f7a63aa
commit
6007babad3
2 changed files with 25 additions and 20 deletions
|
|
@ -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> }) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue