Refine machine details layout and improve download feedback

This commit is contained in:
Esdras Renan 2025-10-19 00:52:42 -03:00
parent 5f7efa13e6
commit 1251468b77
6 changed files with 96 additions and 10 deletions

View file

@ -16,6 +16,9 @@ const tagBadgeClass = "inline-flex items-center gap-1 rounded-full border border
const iconAccentClass = "size-3 text-neutral-700"
export function TicketDetailsPanel({ ticket }: TicketDetailsPanelProps) {
const isAvulso = Boolean(ticket.company?.isAvulso)
const companyLabel = ticket.company?.name ?? (isAvulso ? "Cliente avulso" : "Sem empresa vinculada")
return (
<Card className="rounded-2xl border border-slate-200 bg-white shadow-sm">
<CardHeader className="px-4 pb-3">
@ -27,6 +30,11 @@ export function TicketDetailsPanel({ ticket }: TicketDetailsPanelProps) {
<Badge className={queueBadgeClass}>{ticket.queue ?? "Sem fila"}</Badge>
</div>
<Separator className="bg-slate-200" />
<div className="space-y-1 break-words">
<p className="text-xs font-semibold uppercase tracking-wide text-neutral-500">Empresa</p>
<Badge className={queueBadgeClass}>{companyLabel}</Badge>
</div>
<Separator className="bg-slate-200" />
<div className="space-y-2 break-words">
<p className="text-xs font-semibold uppercase tracking-wide text-neutral-500">SLA</p>
{ticket.slaPolicy ? (