feat(navegacao): adiciona atalhos financeiros e seletor mensal

This commit is contained in:
Felipe Coutinho
2026-05-31 15:18:19 -03:00
parent 41eecc2538
commit 02ee5bb758
10 changed files with 445 additions and 65 deletions

View File

@@ -1,6 +1,7 @@
"use client";
import { RiArrowLeftSLine, RiArrowRightSLine } from "@remixicon/react";
import { Button } from "@/shared/components/ui/button";
interface NavigationButtonProps {
direction: "left" | "right";
@@ -16,15 +17,17 @@ export default function NavigationButton({
const Icon = direction === "left" ? RiArrowLeftSLine : RiArrowRightSLine;
return (
<button
<Button
type="button"
variant="ghost"
size="icon-sm"
onClick={onClick}
className="text-card-foreground transition-all duration-200 cursor-pointer rounded-lg p-1 hover:bg-card-foreground/10 focus:outline-hidden focus:ring-2 focus:ring-card-foreground/30 disabled:cursor-not-allowed disabled:opacity-40 disabled:hover:bg-transparent"
disabled={disabled}
aria-label={`Navegar para o mês ${
direction === "left" ? "anterior" : "seguinte"
}`}
>
<Icon className="text-primary" size={18} />
</button>
<Icon className="size-5 text-primary" />
</Button>
);
}