mirror of
https://github.com/felipegcoutinho/openmonetis.git
synced 2026-03-10 04:51:47 +00:00
feat: adição de novos ícones SVG e configuração do ambiente
- Adicionados ícones SVG para ChatGPT, Claude, Gemini e OpenRouter - Implementados ícones para modos claro e escuro do ChatGPT - Criado script de inicialização para PostgreSQL com extensão pgcrypto - Adicionado script de configuração de ambiente que faz backup do .env - Configurado tsconfig.json para TypeScript com opções de compilação
This commit is contained in:
33
components/month-picker/nav-button.tsx
Normal file
33
components/month-picker/nav-button.tsx
Normal file
@@ -0,0 +1,33 @@
|
||||
"use client";
|
||||
|
||||
import { RiArrowLeftSLine, RiArrowRightSLine } from "@remixicon/react";
|
||||
import React from "react";
|
||||
|
||||
interface NavigationButtonProps {
|
||||
direction: "left" | "right";
|
||||
disabled?: boolean;
|
||||
onClick: () => void;
|
||||
}
|
||||
|
||||
const NavigationButton = React.memo(
|
||||
({ direction, disabled, onClick }: NavigationButtonProps) => {
|
||||
const Icon = direction === "left" ? RiArrowLeftSLine : RiArrowRightSLine;
|
||||
|
||||
return (
|
||||
<button
|
||||
onClick={onClick}
|
||||
className="text-month-picker-foreground transition-all duration-200 cursor-pointer rounded-lg p-1 hover:bg-month-picker-foreground/10 focus:outline-hidden focus:ring-2 focus:ring-month-picker-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>
|
||||
);
|
||||
}
|
||||
);
|
||||
|
||||
NavigationButton.displayName = "NavigationButton";
|
||||
|
||||
export default NavigationButton;
|
||||
Reference in New Issue
Block a user