fix: corrigir seleção de faturas em popovers

This commit is contained in:
Felipe Coutinho
2026-06-30 16:50:23 -03:00
parent a2ce7f1283
commit 532186fe39
7 changed files with 11 additions and 4 deletions

View File

@@ -228,6 +228,7 @@ export function CategoryReportFilters({
<Popover open={startMonthOpen} onOpenChange={setStartMonthOpen}> <Popover open={startMonthOpen} onOpenChange={setStartMonthOpen}>
<PopoverTrigger asChild> <PopoverTrigger asChild>
<Button <Button
type="button"
variant="outline" variant="outline"
className="w-[calc(50%-0.25rem)] md:w-[150px] justify-start text-sm border-dashed" className="w-[calc(50%-0.25rem)] md:w-[150px] justify-start text-sm border-dashed"
disabled={isLoading} disabled={isLoading}
@@ -248,6 +249,7 @@ export function CategoryReportFilters({
<Popover open={endMonthOpen} onOpenChange={setEndMonthOpen}> <Popover open={endMonthOpen} onOpenChange={setEndMonthOpen}>
<PopoverTrigger asChild> <PopoverTrigger asChild>
<Button <Button
type="button"
variant="outline" variant="outline"
className="w-[calc(50%-0.25rem)] md:w-[150px] justify-start text-sm border-dashed" className="w-[calc(50%-0.25rem)] md:w-[150px] justify-start text-sm border-dashed"
disabled={isLoading} disabled={isLoading}

View File

@@ -72,7 +72,7 @@ function InlinePeriodPicker({
return ( return (
<div className="-mt-1"> <div className="-mt-1">
<span className="text-xs text-muted-foreground">Fatura de </span> <span className="text-xs text-muted-foreground">Fatura de </span>
<Popover open={open} onOpenChange={setOpen}> <Popover modal open={open} onOpenChange={setOpen}>
<PopoverTrigger asChild> <PopoverTrigger asChild>
<button <button
type="button" type="button"

View File

@@ -45,7 +45,7 @@ function InlinePeriodPicker({
return ( return (
<div className="ml-1"> <div className="ml-1">
<span className="text-xs text-muted-foreground">Fatura de </span> <span className="text-xs text-muted-foreground">Fatura de </span>
<Popover open={open} onOpenChange={setOpen}> <Popover modal open={open} onOpenChange={setOpen}>
<PopoverTrigger asChild> <PopoverTrigger asChild>
<button <button
type="button" type="button"

View File

@@ -102,7 +102,7 @@ export function EstablishmentLogoPicker({
} }
return ( return (
<Popover open={open} onOpenChange={onOpenChange}> <Popover modal open={open} onOpenChange={onOpenChange}>
<PopoverTrigger asChild>{children}</PopoverTrigger> <PopoverTrigger asChild>{children}</PopoverTrigger>
<PopoverContent className="w-80 p-3" align="start" side="bottom"> <PopoverContent className="w-80 p-3" align="start" side="bottom">
<p className="mb-2 text-muted-foreground text-xs"> <p className="mb-2 text-muted-foreground text-xs">

View File

@@ -93,6 +93,7 @@ export default function MonthNavigation() {
<Popover open={isPickerOpen} onOpenChange={setIsPickerOpen}> <Popover open={isPickerOpen} onOpenChange={setIsPickerOpen}>
<PopoverTrigger asChild> <PopoverTrigger asChild>
<Button <Button
type="button"
variant="ghost" variant="ghost"
size="sm" size="sm"
disabled={isPending} disabled={isPending}

View File

@@ -44,9 +44,10 @@ export function PeriodPicker({
}; };
return ( return (
<Popover open={open} onOpenChange={setOpen}> <Popover modal open={open} onOpenChange={setOpen}>
<PopoverTrigger asChild> <PopoverTrigger asChild>
<Button <Button
type="button"
variant={variant} variant={variant}
size={size} size={size}
disabled={disabled} disabled={disabled}

View File

@@ -128,6 +128,7 @@ function MonthCal({
</div> </div>
<div className="space-x-1 flex items-center"> <div className="space-x-1 flex items-center">
<button <button
type="button"
onClick={() => { onClick={() => {
setMenuYear(menuYear - 1); setMenuYear(menuYear - 1);
if (onYearBackward) onYearBackward(); if (onYearBackward) onYearBackward();
@@ -140,6 +141,7 @@ function MonthCal({
<RiArrowLeftSFill className="opacity-50 size-4" /> <RiArrowLeftSFill className="opacity-50 size-4" />
</button> </button>
<button <button
type="button"
onClick={() => { onClick={() => {
setMenuYear(menuYear + 1); setMenuYear(menuYear + 1);
if (onYearForward) onYearForward(); if (onYearForward) onYearForward();
@@ -165,6 +167,7 @@ function MonthCal({
className="h-10 w-1/4 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20" className="h-10 w-1/4 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20"
> >
<button <button
type="button"
onClick={() => { onClick={() => {
setMonth(m.number); setMonth(m.number);
setYear(menuYear); setYear(menuYear);