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

Ajusta layout da tabela de tickets

Browse source
This commit is contained in:
Esdras Renan 2025-10-27 11:45:15 -03:00
parent f3a7045691
commit 292de05039
6 changed files with 240 additions and 232 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/components/tickets/recent-tickets-panel.tsx
View file

@ -17,20 +17,10 @@ import { TicketStatusBadge } from "@/components/tickets/status-badge"
import { useAuth } from "@/lib/auth-client"
import { cn } from "@/lib/utils"
const channelLabel: Record<string, string> = {
EMAIL: "E-mail",
WHATSAPP: "WhatsApp",
CHAT: "Chat",
PHONE: "Telefone",
API: "API",
MANUAL: "Manual",
}
function TicketRow({ ticket, entering }: { ticket: Ticket; entering: boolean }) {
const queueLabel = ticket.queue ?? "Sem fila"
const requesterName = ticket.requester.name ?? ticket.requester.email ?? "Solicitante"
const categoryBadges = [ticket.category?.name, ticket.subcategory?.name].filter((value): value is string => Boolean(value))
const channel = channelLabel[ticket.channel] ?? ticket.channel
const badgeClass =
"rounded-lg border border-slate-300 px-3.5 py-1.5 text-sm font-medium text-slate-600 transition-colors"
@ -65,17 +55,17 @@ function TicketRow({ ticket, entering }: { ticket: Ticket; entering: boolean })
<span className="text-neutral-400">•</span>
<span>{formatDistanceToNow(ticket.updatedAt, { addSuffix: true, locale: ptBR })}</span>
</div>
{categoryBadges.length > 0 ? (
<div className="flex flex-wrap items-center gap-2 text-sm text-neutral-600">
{categoryBadges.map((label) => (
<div className="flex flex-wrap items-center gap-2 text-sm text-neutral-600">
{categoryBadges.length > 0 ? (
categoryBadges.map((label) => (
<span key={label} className={badgeClass}>
{label}
</span>
))}
</div>
) : (
<span className={badgeClass}>{channel}</span>
)}
))
) : (
<span className={badgeClass}>Sem categoria</span>
)}
</div>
</div>
</div>
</Link>