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

ui(backlog): melhor espaçamento no header (empresa, período, exportar CSV) com wrapper flex responsivo

Browse source
This commit is contained in:
Esdras Renan 2025-10-07 16:21:29 -03:00
parent 037970d52b
commit 3ab0d24ab2
2 changed files with 31 additions and 27 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
Captura de tela 2025-10-07 161703.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 51 KiB

58
src/components/reports/backlog-report.tsx
View file

@ -105,33 +105,37 @@ export function BacklogReport() {
Acompanhe a evolução dos tickets pelas fases do fluxo de atendimento. Acompanhe a evolução dos tickets pelas fases do fluxo de atendimento.
</CardDescription> </CardDescription>
<CardAction> <CardAction>
<Select value={companyId} onValueChange={setCompanyId}> <div className="flex flex-wrap items-center justify-end gap-2 md:gap-3">
<SelectTrigger className="hidden w-56 md:flex"> <Select value={companyId} onValueChange={setCompanyId}>
<SelectValue placeholder="Todas as empresas" /> <SelectTrigger className="hidden w-56 md:flex">
</SelectTrigger> <SelectValue placeholder="Todas as empresas" />
<SelectContent className="rounded-xl"> </SelectTrigger>
<SelectItem value="all">Todas as empresas</SelectItem> <SelectContent className="rounded-xl">
{(companies ?? []).map((c) => ( <SelectItem value="all">Todas as empresas</SelectItem>
<SelectItem key={c.id} value={c.id}>{c.name}</SelectItem> {(companies ?? []).map((c) => (
))} <SelectItem key={c.id} value={c.id}>{c.name}</SelectItem>
</SelectContent> ))}
</Select> </SelectContent>
<Button asChild size="sm" variant="outline"> </Select>
<a href={`/api/reports/backlog.csv?range=${timeRange}${companyId !== "all" ? `&companyId=${companyId}` : ""}`} download>
Exportar CSV <ToggleGroup
</a> type="single"
</Button> value={timeRange}
<ToggleGroup onValueChange={setTimeRange}
type="single" variant="outline"
value={timeRange} className="hidden *:data-[slot=toggle-group-item]:!px-4 md:flex"
onValueChange={setTimeRange} >
variant="outline" <ToggleGroupItem value="90d">90 dias</ToggleGroupItem>
className="hidden *:data-[slot=toggle-group-item]:!px-4 md:flex" <ToggleGroupItem value="30d">30 dias</ToggleGroupItem>
> <ToggleGroupItem value="7d">7 dias</ToggleGroupItem>
<ToggleGroupItem value="90d">90 dias</ToggleGroupItem> </ToggleGroup>
<ToggleGroupItem value="30d">30 dias</ToggleGroupItem>
<ToggleGroupItem value="7d">7 dias</ToggleGroupItem> <Button asChild size="sm" variant="outline">
</ToggleGroup> <a href={`/api/reports/backlog.csv?range=${timeRange}${companyId !== "all" ? `&companyId=${companyId}` : ""}`} download>
Exportar CSV
</a>
</Button>
</div>
</CardAction> </CardAction>
</CardHeader> </CardHeader>
<CardContent> <CardContent>