git.gladyson/openmonetis
1
0
Fork 1
mirror of https://github.com/felipegcoutinho/openmonetis.git synced 2026-03-10 04:51:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: atualizações de dependências, lint fixes e ajustes menores

Browse Source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Felipe Coutinho
2026-02-15 21:35:39 +00:00
parent 2362a70b9d
commit b9f788312c
35 changed files with 637 additions and 824 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/cartoes/card-item.tsx
View File

@@ -170,7 +170,7 @@ export function CardItem({
width={42}
height={42}
className={cn(
"rounded-lg",
"rounded-full",
isInactive && "grayscale opacity-40",
)}
/>
@@ -216,7 +216,7 @@ export function CardItem({
width={42}
height={42}
className={cn(
"h-6 w-auto rounded",
"h-6 w-auto rounded-full",
isInactive && "grayscale opacity-40",
)}
/>

4
components/cartoes/card-select-items.tsx
View File

@@ -40,7 +40,7 @@ export function BrandSelectContent({ label }: { label: string }) {
alt={`Logo ${label}`}
width={24}
height={24}
className="rounded object-contain"
className="rounded-full object-contain"
/>
) : (
<RiBankLine className="size-5 text-muted-foreground" aria-hidden />
@@ -74,7 +74,7 @@ export function AccountSelectContent({ label, logo }: SelectItemContentProps) {
alt={`Logo de ${label}`}
width={20}
height={20}
className="rounded"
className="rounded-full"
/>
) : (
<RiBankLine className="size-4 text-muted-foreground" aria-hidden />

7
components/categorias/category-icon-badge.tsx
View File

@@ -57,7 +57,7 @@ export function CategoryIconBadge({
return (
<div
className={cn(
"flex shrink-0 items-center justify-center overflow-hidden rounded-lg",
"flex shrink-0 items-center justify-center overflow-hidden rounded-full",
variant.container,
className,
)}
@@ -66,10 +66,7 @@ export function CategoryIconBadge({
{IconComponent ? (
<IconComponent className={variant.icon} style={{ color }} />
) : (
<span
className={cn("font-semibold uppercase", variant.text)}
style={{ color }}
>
<span className={cn("uppercase", variant.text)} style={{ color }}>
{initials}
</span>
)}

2
components/contas/account-statement-card.tsx
View File

@@ -75,7 +75,7 @@ export function AccountStatementCard({
<CardHeader className="flex flex-col gap-3">
<div className="flex items-start gap-3">
{logoPath ? (
<div className="flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-border/60 bg-background">
<div className="flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/60 bg-background">
<Image
src={logoPath}
alt={`Logo da conta ${accountName}`}

2
components/contas/accounts-page.tsx
View File

@@ -155,7 +155,7 @@ export function AccountsPage({
alt={`Logo da conta ${account.name}`}
width={42}
height={42}
className="rounded-lg"
className="rounded-full"
/>
) : undefined
}

2
components/dashboard/expenses-by-category-widget.tsx
View File

@@ -86,7 +86,7 @@ export function ExpensesByCategoryWidget({
>
<div className="flex items-center justify-between gap-3">
<div className="flex min-w-0 flex-1 items-center gap-2">
<div className="flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted">
<div className="flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted">
{IconComponent ? (
<IconComponent className="size-4 text-foreground" />
) : (

2
components/dashboard/income-by-category-widget.tsx
View File

@@ -86,7 +86,7 @@ export function IncomeByCategoryWidget({
>
<div className="flex items-center justify-between gap-3">
<div className="flex min-w-0 flex-1 items-center gap-2">
<div className="flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted">
<div className="flex size-10 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted">
{IconComponent ? (
<IconComponent className="size-4 text-foreground" />
) : (

2
components/dashboard/installment-analysis/analysis-summary-panel.tsx
View File

@@ -40,7 +40,7 @@ export function AnalysisSummaryPanel({
{/* Mensagem quando nada está selecionado */}
{selectedCount === 0 && (
<div className="rounded-lg bg-muted/50 p-3 text-center">
<div className="rounded-full bg-muted/50 p-3 text-center">
<p className="text-xs text-muted-foreground">
Selecione parcelas para ver o resumo
</p>

4
components/dashboard/installment-analysis/pending-invoice-card.tsx
View File

@@ -61,10 +61,10 @@ export function PendingInvoiceCard({
alt={invoice.cartaoName}
width={24}
height={24}
className="size-6 rounded"
className="size-6 rounded-full"
/>
) : (
<div className="flex size-6 items-center justify-center rounded bg-muted">
<div className="flex size-6 items-center justify-center rounded-full bg-muted">
<RiBillLine className="size-4 text-muted-foreground" />
</div>
)}

4
components/dashboard/invoices-widget.tsx
View File

@@ -259,7 +259,7 @@ export function InvoicesWidget({ invoices }: InvoicesWidgetProps) {
className="flex items-center justify-between border-b border-dashed last:border-b-0 last:pb-0"
>
<div className="flex min-w-0 flex-1 items-center gap-2 py-2">
<div className="flex size-9.5 shrink-0 items-center justify-center overflow-hidden rounded-lg">
<div className="flex size-9.5 shrink-0 items-center justify-center overflow-hidden rounded-full">
{logo ? (
<Image
src={logo}
@@ -456,7 +456,7 @@ export function InvoicesWidget({ invoices }: InvoicesWidgetProps) {
{selectedInvoice ? (
<div className="flex flex-col gap-4">
<div className="flex items-center gap-3 rounded-lg border border-border/60 bg-muted/50 p-3">
<div className="flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-border/60 bg-background">
<div className="flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/60 bg-background">
{selectedLogo ? (
<Image
src={selectedLogo}

14
components/dashboard/my-accounts-widget.tsx
View File

@@ -1,4 +1,4 @@
import { RiBarChartBoxLine } from "@remixicon/react";
import { RiBarChartBoxLine, RiExternalLinkLine } from "@remixicon/react";
import Image from "next/image";
import Link from "next/link";
import {
@@ -85,11 +85,11 @@ export function MyAccountsWidget({
src={logoSrc}
alt={`Logo da conta ${account.name}`}
fill
className="object-contain rounded-lg"
className="object-contain rounded-full"
/>
</div>
) : (
<div className="flex h-10 w-10 items-center justify-center rounded-lg bg-secondary text-sm font-semibold uppercase text-secondary-foreground">
<div className="flex h-10 w-10 items-center justify-center rounded-full bg-secondary text-sm font-semibold uppercase text-secondary-foreground">
{initials}
</div>
)}
@@ -100,9 +100,13 @@ export function MyAccountsWidget({
href={`/contas/${
account.id
}/extrato?periodo=${formatPeriodForUrl(period)}`}
className="truncate font-medium text-foreground hover:text-primary hover:underline"
className="inline-flex max-w-full items-center gap-1 text-sm font-medium text-foreground underline-offset-2 hover:text-primary hover:underline"
>
<span className="truncate text-sm">{account.name}</span>
<span className="truncate">{account.name}</span>
<RiExternalLinkLine
className="size-3 shrink-0 text-muted-foreground"
aria-hidden
/>
</Link>
<div className="flex flex-wrap items-center gap-2 text-xs text-muted-foreground">
<span className="truncate">{account.accountType}</span>

4
components/dashboard/pagadores-widget.tsx
View File

@@ -65,7 +65,9 @@ export function PagadoresWidget({ pagadores }: PagadoresWidgetProps) {
href={`/pagadores/${pagador.id}`}
className="inline-flex max-w-full items-center gap-1 text-sm text-foreground underline-offset-2 hover:text-primary hover:underline"
>
<span className="truncate">{pagador.name}</span>
<span className="truncate font-medium">
{pagador.name}
</span>
{pagador.isAdmin && (
<RiVerifiedBadgeFill
className="size-4 shrink-0 text-blue-500"

2
components/dashboard/payment-conditions-widget.tsx
View File

@@ -15,7 +15,7 @@ type PaymentConditionsWidgetProps = {
};
const CONDITION_ICON_CLASSES =
"flex size-9.5 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground";
"flex size-9.5 shrink-0 items-center justify-center rounded-full bg-muted text-foreground";
const CONDITION_ICONS: Record<string, ReactNode> = {
"À vista": <RiCheckLine className="size-5" aria-hidden />,

2
components/dashboard/payment-methods-widget.tsx
View File

@@ -10,7 +10,7 @@ type PaymentMethodsWidgetProps = {
};
const ICON_WRAPPER_CLASS =
"flex size-9.5 shrink-0 items-center justify-center rounded-lg bg-muted text-foreground";
"flex size-9.5 shrink-0 items-center justify-center rounded-full bg-muted text-foreground";
const formatPercentage = (value: number) =>
new Intl.NumberFormat("pt-BR", {

6
components/faturas/invoice-summary-card.tsx
View File

@@ -194,7 +194,7 @@ export function InvoiceSummaryCard({
<CardHeader className="flex flex-col gap-3">
<div className="flex items-start gap-3">
{logoPath ? (
<div className="flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-border/60 bg-background">
<div className="flex size-12 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/60 bg-background">
<Image
src={logoPath}
alt={`Logo do cartão ${cardName}`}
@@ -204,7 +204,7 @@ export function InvoiceSummaryCard({
/>
</div>
) : cardBrand ? (
<span className="flex size-12 shrink-0 items-center justify-center rounded-lg border border-border/60 bg-background text-sm font-semibold text-muted-foreground">
<span className="flex size-12 shrink-0 items-center justify-center rounded-full border border-border/60 bg-background text-sm font-semibold text-muted-foreground">
{cardBrand}
</span>
) : null}
@@ -270,7 +270,7 @@ export function InvoiceSummaryCard({
alt={`Bandeira ${cardBrand}`}
width={32}
height={32}
className="h-5 w-auto rounded"
className="h-5 w-auto rounded-full"
/>
<span className="truncate">{cardBrand}</span>
</div>

2
components/lancamentos/select-items.tsx
View File

@@ -109,7 +109,7 @@ export function ContaCartaoSelectContent({
alt={`Logo de ${label}`}
width={20}
height={20}
className="rounded"
className="rounded-full"
/>
) : (
<Icon className="size-4 text-muted-foreground" aria-hidden />

2
components/lancamentos/shared/estabelecimento-logo.tsx
View File

@@ -54,7 +54,7 @@ export function EstabelecimentoLogo({
return (
<div
className={cn(
"flex items-center justify-center rounded-lg text-white font-bold shrink-0",
"flex items-center justify-center rounded-full text-white font-bold shrink-0",
colorClass,
className,
)}

4
components/lancamentos/table/lancamentos-table.tsx
View File

@@ -447,7 +447,7 @@ const buildColumns = ({
alt={`Logo de ${label}`}
width={30}
height={30}
className="rounded-md"
className="rounded-full"
/>
)}
<span className="truncate">{label}</span>
@@ -478,7 +478,7 @@ const buildColumns = ({
alt={`Logo de ${label}`}
width={30}
height={30}
className="rounded-md"
className="rounded-full"
/>
)}
<span className="truncate">{label}</span>

6
components/logo-picker.tsx
View File

@@ -56,7 +56,7 @@ export function LogoPickerTrigger({
className,
)}
>
<span className="flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-md border border-border/40 bg-background shadow-xs">
<span className="flex size-8 shrink-0 items-center justify-center overflow-hidden rounded-full border border-border/40 bg-background shadow-xs">
{selectedLogoPath ? (
<Image
src={selectedLogoPath}
@@ -165,13 +165,13 @@ export function LogoPickerDialog({
"border-primary bg-primary/5 ring-2 ring-primary/40",
)}
>
<span className="flex w-full items-center justify-center overflow-hidden rounded-md">
<span className="flex w-full items-center justify-center overflow-hidden rounded-full">
<Image
src={resolveLogoSrc(logo, basePath)}
alt={logoLabel || logo}
width={40}
height={40}
className="rounded-md"
className="rounded-full"
/>
</span>
<span className="line-clamp-1 text-[10px] leading-tight text-muted-foreground">

4
components/pagadores/details/pagador-card-usage-card.tsx
View File

@@ -51,7 +51,7 @@ export function PagadorCardUsageCard({ items }: PagadorCardUsageCardProps) {
>
<div className="flex items-center gap-3">
{logoPath ? (
<span className="flex size-10 items-center justify-center overflow-hidden rounded-lg border border-border/60 bg-background">
<span className="flex size-10 items-center justify-center overflow-hidden rounded-full border border-border/60 bg-background">
<Image
src={logoPath}
alt={`Logo ${item.name}`}
@@ -61,7 +61,7 @@ export function PagadorCardUsageCard({ items }: PagadorCardUsageCardProps) {
/>
</span>
) : (
<span className="flex size-10 items-center justify-center rounded-lg bg-muted text-xs font-semibold uppercase text-muted-foreground">
<span className="flex size-10 items-center justify-center rounded-full bg-muted text-xs font-semibold uppercase text-muted-foreground">
{item.name.slice(0, 2)}
</span>
)}

6
components/pagadores/details/pagador-payment-method-cards.tsx
View File

@@ -1,6 +1,7 @@
import { RiBarcodeLine } from "@remixicon/react";
import MoneyValues from "@/components/money-values";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
import { Separator } from "@/components/ui/separator";
import { WidgetEmptyState } from "@/components/widget-empty-state";
import type { PagadorBoletoStats } from "@/lib/pagadores/details";
import { cn } from "@/lib/utils/ui";
@@ -43,7 +44,7 @@ export function PagadorBoletoCard({ stats }: PagadorBoletoCardProps) {
/>
</div>
<div className="space-y-2 rounded-xl border border-dashed p-3">
<div className="space-y-2 border rounded-lg p-3">
<StatusRow
label="Pagos"
amount={stats.paidAmount}
@@ -51,6 +52,7 @@ export function PagadorBoletoCard({ stats }: PagadorBoletoCardProps) {
percent={paidPercent}
tone="success"
/>
<Separator />
<StatusRow
label="Pendentes"
amount={stats.pendingAmount}
@@ -77,7 +79,7 @@ type StatusRowProps = {
function StatusRow({ label, amount, count, percent, tone }: StatusRowProps) {
const clampedPercent = Math.min(Math.max(percent, 0), 100);
return (
<div className="space-y-1 rounded-lg bg-muted/40 p-3">
<div className="space-y-1 rounded p-3">
<div className="flex items-center justify-between text-sm font-semibold">
<span>{label}</span>
<span className="text-muted-foreground">{count} registros</span>

2
components/pre-lancamentos/inbox-card.tsx
View File

@@ -131,7 +131,7 @@ export function InboxCard({
alt=""
width={24}
height={24}
className="shrink-0 rounded-sm"
className="shrink-0 rounded-full"
/>
)}
{item.sourceAppName || item.sourceApp}

2
components/relatorios/cartoes/card-top-expenses.tsx
View File

@@ -55,7 +55,7 @@ export function CardTopExpenses({ data }: CardTopExpensesProps) {
<div className="flex items-center justify-between gap-3">
<div className="flex min-w-0 flex-1 items-center gap-2">
{/* Rank number */}
<div className="flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted">
<div className="flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted">
<span className="text-sm font-semibold text-muted-foreground">
{index + 1}
</span>

2
components/relatorios/cartoes/card-usage-chart.tsx
View File

@@ -94,7 +94,7 @@ export function CardUsageChart({ data, limit, card }: CardUsageChartProps) {
alt={card.name}
width={24}
height={24}
className="rounded object-contain"
className="rounded-full object-contain"
/>
) : (
<RiBankCard2Line className="size-5 text-muted-foreground" />

2
components/relatorios/cartoes/cards-overview.tsx
View File

@@ -140,7 +140,7 @@ export function CardsOverview({ data }: CardsOverviewProps) {
alt={card.name}
width={32}
height={32}
className="rounded-sm object-contain"
className="rounded-full object-contain"
/>
) : (
<RiBankCard2Line className="size-5 text-muted-foreground" />

2
components/top-estabelecimentos/establishments-list.tsx
View File

@@ -70,7 +70,7 @@ export function EstablishmentsList({
<div className="flex items-center justify-between gap-3">
<div className="flex min-w-0 flex-1 items-center gap-2">
{/* Rank number - same size as icon containers */}
<div className="flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted">
<div className="flex size-9 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted">
<span className="text-sm font-semibold text-muted-foreground">
{index + 1}
</span>