mirror of
https://github.com/felipegcoutinho/openmonetis.git
synced 2026-07-10 03:46:01 +00:00
feat(navegacao): adiciona atalhos financeiros e seletor mensal
This commit is contained in:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user