esdras/sistema-de-chamados
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: reposition category badge in dashboard tickets

Browse source 
Co-authored-by: factory-droid[bot] <138933559+factory-droid[bot]@users.noreply.github.com>
This commit is contained in:
esdrasrenan 2025-10-05 02:22:12 -03:00
parent d73b1e4468
commit de7314cff1
1 changed files with 14 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

24
web/src/components/tickets/recent-tickets-panel.tsx
View file

@ -50,28 +50,26 @@ function TicketRow({ ticket }: { ticket: Ticket }) {
<span className="text-neutral-400">•</span>
<span>{formatDistanceToNow(ticket.updatedAt, { addSuffix: true, locale: ptBR })}</span>
</div>
</div>
<div className="flex shrink-0 flex-col gap-3 text-right md:w-[240px]">
<div className="flex flex-wrap justify-end gap-2">
<TicketStatusBadge status={ticket.status} />
<TicketPriorityPill priority={ticket.priority} />
</div>
<div className="grid gap-2 text-xs text-neutral-600">
<div className="flex flex-wrap justify-end gap-x-2 gap-y-1">
<Badge className={metaBadgeClass}>{channelLabel[ticket.channel] ?? ticket.channel}</Badge>
<Badge className={metaBadgeClass}>{ticket.assignee?.name ?? "Sem responsável"}</Badge>
</div>
{ticket.category ? (
<Badge className="ml-auto inline-flex items-center gap-1 rounded-full border border-[#00e8ff]/50 bg-[#00e8ff]/10 px-3 py-1 text-[11px] font-semibold text-[#02414d]">
<Badge className="inline-flex items-center gap-1 rounded-full border border-[#00e8ff]/50 bg-[#00e8ff]/10 px-3 py-1 text-[11px] font-semibold text-[#02414d]">
{ticket.category.name}
{ticket.subcategory ? ` • ${ticket.subcategory.name}` : ""}
</Badge>
) : (
<Badge className="ml-auto inline-flex items-center gap-1 rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-[11px] font-semibold text-neutral-700">
<Badge className="inline-flex items-center gap-1 rounded-full border border-slate-200 bg-slate-50 px-3 py-1 text-[11px] font-semibold text-neutral-700">
Sem categoria
</Badge>
)}
</div>
<div className="flex shrink-0 flex-col gap-3 text-right md:w-[220px]">
<div className="flex flex-wrap justify-end gap-2">
<TicketStatusBadge status={ticket.status} />
<TicketPriorityPill priority={ticket.priority} />
</div>
<div className="flex flex-wrap justify-end gap-x-2 gap-y-1 text-xs text-neutral-600">
<Badge className={metaBadgeClass}>{channelLabel[ticket.channel] ?? ticket.channel}</Badge>
<Badge className={metaBadgeClass}>{ticket.assignee?.name ?? "Sem responsável"}</Badge>
</div>
</div>
</div>
</div>