Align report filters and update work session flows
This commit is contained in:
parent
17c1de2272
commit
ff9d95746e
7 changed files with 106 additions and 83 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue