Align report filters and update work session flows

This commit is contained in:
Esdras Renan 2025-11-19 09:24:30 -03:00
parent 17c1de2272
commit ff9d95746e
7 changed files with 106 additions and 83 deletions

View file

@ -237,7 +237,8 @@ export function HoursReport() {
onValueChange={(value) => setCompanyId(value ?? "all")}
options={companyOptions}
placeholder="Todas as empresas"
triggerClassName="h-10 w-full rounded-2xl border border-border/60 bg-white px-3 text-left text-sm font-semibold text-neutral-800 lg:w-64"
triggerClassName="h-10 w-full rounded-2xl border border-border/60 bg-white px-3 text-sm font-semibold text-neutral-800 lg:w-64"
align="center"
/>
<DateRangeButton
from={dateFrom}
@ -246,23 +247,33 @@ export function HoursReport() {
setDateFrom(from)
setDateTo(to)
}}
className="w-full min-w-[200px] lg:w-auto"
className="w-full min-w-[200px] lg:w-auto lg:flex-1"
align="center"
/>
</div>
<div className="flex flex-1 justify-center">
<div className="flex w-full justify-start lg:w-auto lg:justify-end lg:ml-auto">
<ToggleGroup
type="single"
value={billingFilter}
onValueChange={(value) => value && setBillingFilter(value as typeof billingFilter)}
className="inline-flex rounded-full border border-border/60 bg-white/80 p-1 overflow-hidden"
className="inline-flex rounded-full border border-border/60 bg-white/80 p-1 shadow-sm"
>
<ToggleGroupItem value="all" className="rounded-full px-6 py-2 text-xs font-semibold whitespace-nowrap">
<ToggleGroupItem
value="all"
className="rounded-full px-6 py-2 text-xs font-semibold whitespace-nowrap transition first:rounded-l-full last:rounded-r-full"
>
Todos
</ToggleGroupItem>
<ToggleGroupItem value="avulso" className="rounded-full px-6 py-2 text-xs font-semibold whitespace-nowrap">
<ToggleGroupItem
value="avulso"
className="rounded-full px-6 py-2 text-xs font-semibold whitespace-nowrap transition first:rounded-l-full last:rounded-r-full"
>
Somente avulsos
</ToggleGroupItem>
<ToggleGroupItem value="contratado" className="rounded-full px-6 py-2 text-xs font-semibold whitespace-nowrap">
<ToggleGroupItem
value="contratado"
className="rounded-full px-6 py-2 text-xs font-semibold whitespace-nowrap transition first:rounded-l-full last:rounded-r-full"
>
Somente contratados
</ToggleGroupItem>
</ToggleGroup>