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

feat: núcleo de tickets com Convex (CRUD, play, comentários com anexos) + auth placeholder; docs em AGENTS.md; toasts e updates otimistas; mapeadores Zod; refinos PT-BR e layout do painel de detalhes

Browse source
This commit is contained in:
esdrasrenan 2025-10-04 00:31:44 -03:00
parent 2230590e57
commit 27b103cb46
97 changed files with 15117 additions and 15715 deletions
Download patch file Download diff file Expand all files Collapse all files

51
web/src/components/tickets/tickets-view.tsx
View file

@ -1,41 +1,40 @@
"use client"
import { useMemo, useState } from "react"
import { tickets } from "@/lib/mocks/tickets"
import { useQuery } from "convex/react"
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
import { api } from "../../../convex/_generated/api"
import { DEFAULT_TENANT_ID } from "@/lib/constants"
import { mapTicketsFromServerList } from "@/lib/mappers/ticket"
import { TicketsFilters, TicketFiltersState, defaultTicketFilters } from "@/components/tickets/tickets-filters"
import { TicketsTable } from "@/components/tickets/tickets-table"
function applyFilters(base: typeof tickets, filters: TicketFiltersState) {
return base.filter((ticket) => {
if (filters.status && ticket.status !== filters.status) return false
if (filters.priority && ticket.priority !== filters.priority) return false
if (filters.queue && ticket.queue !== filters.queue) return false
if (filters.channel && ticket.channel !== filters.channel) return false
if (filters.search) {
const term = filters.search.toLowerCase()
const reference = `#${ticket.reference}`.toLowerCase()
if (
!ticket.subject.toLowerCase().includes(term) &&
!reference.includes(term)
) {
return false
}
}
return true
})
}
export function TicketsView() {
const [filters, setFilters] = useState<TicketFiltersState>(defaultTicketFilters)
const filteredTickets = useMemo(() => applyFilters(tickets, filters), [filters])
const queues = useQuery(api.queues.summary, { tenantId: DEFAULT_TENANT_ID }) ?? []
const ticketsRaw = useQuery(api.tickets.list, {
tenantId: DEFAULT_TENANT_ID,
status: filters.status ?? undefined,
priority: filters.priority ?? undefined,
channel: filters.channel ?? undefined,
queueId: undefined, // simplified: filter by queue name on client
search: filters.search || undefined,
}) ?? []
const tickets = useMemo(() => mapTicketsFromServerList(ticketsRaw as any[]), [ticketsRaw])
const filteredTickets = useMemo(() => {
if (!filters.queue) return tickets
return tickets.filter((t: any) => t.queue === filters.queue)
}, [tickets, filters.queue])
return (
<div className="flex flex-col gap-6 px-4 lg:px-6">
<TicketsFilters onChange={setFilters} />
<TicketsTable tickets={filteredTickets} />
<TicketsFilters onChange={setFilters} queues={queues.map((q: any) => q.name)} />
<TicketsTable tickets={filteredTickets as any} />
</div>
)
}