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

feat: add queue summary widget and layout fixes

Browse source
This commit is contained in:
Esdras Renan 2025-11-06 17:05:31 -03:00
parent f7976e2c39
commit a542846313
12 changed files with 350 additions and 45 deletions
Download patch file Download diff file Expand all files Collapse all files

20
src/components/tickets/ticket-summary-header.tsx
View file

@ -27,6 +27,7 @@ import { Textarea } from "@/components/ui/textarea"
import { Spinner } from "@/components/ui/spinner"
import { useTicketCategories } from "@/hooks/use-ticket-categories"
import { useDefaultQueues } from "@/hooks/use-default-queues"
import { mapTicketCustomFields } from "@/lib/ticket-custom-fields"
import {
DropdownMenu,
DropdownMenuContent,
@ -213,6 +214,7 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
queuesEnabled ? { tenantId: ticket.tenantId, viewerId: convexUserId as Id<"users"> } : "skip"
)
const queues: TicketQueueSummary[] = Array.isArray(queuesResult) ? queuesResult : []
const customFieldEntries = useMemo(() => mapTicketCustomFields(ticket.customFields), [ticket.customFields])
const { categories, isLoading: categoriesLoading } = useTicketCategories(ticket.tenantId)
const workSummaryRemote = useQuery(
api.tickets.workSummary,
@ -1583,6 +1585,24 @@ export function TicketSummaryHeader({ ticket }: TicketHeaderProps) {
</div>
) : null}
</div>
<div className="mt-6 space-y-2">
<span className={sectionLabelClass}>Informações adicionais</span>
{customFieldEntries.length > 0 ? (
<div className="grid gap-3 sm:grid-cols-2">
{customFieldEntries.map((entry) => (
<div
key={entry.key}
className="rounded-2xl border border-slate-200 bg-white px-4 py-3 shadow-sm"
>
<p className="text-xs font-semibold uppercase tracking-wide text-neutral-500">{entry.label}</p>
<p className="mt-1 text-sm font-semibold text-neutral-900">{entry.formattedValue}</p>
</div>
))}
</div>
) : (
<p className="text-xs text-neutral-500">Nenhum campo adicional preenchido para este chamado.</p>
)}
</div>
<Dialog open={pauseDialogOpen} onOpenChange={setPauseDialogOpen}>
<DialogContent>
<DialogHeader>