@@ -529,7 +529,7 @@ export default async function Page() {
-
+
@@ -548,7 +548,7 @@ export default async function Page() {
-
+
@@ -567,7 +567,7 @@ export default async function Page() {
-
+
diff --git a/app/globals.css b/app/globals.css
index 47ade7b..055cd99 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -10,7 +10,7 @@
/* Base surfaces - warm cream with subtle orange undertone */
--background: oklch(97.512% 0.00674 67.377);
--foreground: oklch(18% 0.02 45);
- --card: oklch(99% 0.006 80);
+ --card: oklch(100% 0.00011 271.152);
--card-foreground: oklch(18% 0.02 45);
--popover: oklch(99.5% 0.004 80);
--popover-foreground: oklch(18% 0.02 45);
diff --git a/components/calendario/event-modal.tsx b/components/calendario/event-modal.tsx
index cf7435a..be8108b 100644
--- a/components/calendario/event-modal.tsx
+++ b/components/calendario/event-modal.tsx
@@ -114,7 +114,7 @@ const renderBoleto = (event: Extract
) => {
{event.lancamento.name}
- Boleto{formattedDueDate ? ` • Vence em ${formattedDueDate}` : ""}
+ Boleto{formattedDueDate ? ` - Vence em ${formattedDueDate}` : ""}
diff --git a/components/contas/accounts-page.tsx b/components/contas/accounts-page.tsx
index 13f7591..bf03fef 100644
--- a/components/contas/accounts-page.tsx
+++ b/components/contas/accounts-page.tsx
@@ -137,7 +137,7 @@ export function AccountsPage({ accounts, logoOptions }: AccountsPageProps) {
{formatPercentage(category.budgetUsedPercentage)} do
- limite • excedeu em {formatCurrency(exceededAmount)}
+ limite - excedeu em {formatCurrency(exceededAmount)}
>
) : (
<>
diff --git a/components/dashboard/income-by-category-widget.tsx b/components/dashboard/income-by-category-widget.tsx
index 3654d70..fa17f6c 100644
--- a/components/dashboard/income-by-category-widget.tsx
+++ b/components/dashboard/income-by-category-widget.tsx
@@ -162,7 +162,7 @@ export function IncomeByCategoryWidget({
{budgetExceeded ? (
<>
{formatPercentage(category.budgetUsedPercentage)} do
- limite {formatCurrency(category.budgetAmount)} • excedeu
+ limite {formatCurrency(category.budgetAmount)} - excedeu
em {formatCurrency(exceededAmount)}
>
) : (
diff --git a/components/dashboard/installment-analysis/pending-invoice-card.tsx b/components/dashboard/installment-analysis/pending-invoice-card.tsx
index c29e5c6..c5fd356 100644
--- a/components/dashboard/installment-analysis/pending-invoice-card.tsx
+++ b/components/dashboard/installment-analysis/pending-invoice-card.tsx
@@ -5,7 +5,11 @@ import { Badge } from "@/components/ui/badge";
import { Card, CardContent } from "@/components/ui/card";
import { Checkbox } from "@/components/ui/checkbox";
import { cn } from "@/lib/utils/ui";
-import { RiArrowDownSLine, RiArrowRightSLine, RiBillLine } from "@remixicon/react";
+import {
+ RiArrowDownSLine,
+ RiArrowRightSLine,
+ RiBillLine,
+} from "@remixicon/react";
import { format, parse } from "date-fns";
import { ptBR } from "date-fns/locale";
import { useState } from "react";
@@ -68,7 +72,7 @@ export function PendingInvoiceCard({
{periodText}
- •
+ -
Vencimento: {dueDateText}
@@ -144,13 +148,13 @@ export function PendingInvoiceCard({
{purchaseDate}
{installmentLabel && (
<>
- •
+ -
Parcela {installmentLabel}
>
)}
{lancamento.condition !== "Parcelado" && (
<>
- •
+ -
{lancamento.condition}
>
)}
diff --git a/components/dashboard/installment-expenses-widget.tsx b/components/dashboard/installment-expenses-widget.tsx
index 7c6b6ee..fe92391 100644
--- a/components/dashboard/installment-expenses-widget.tsx
+++ b/components/dashboard/installment-expenses-widget.tsx
@@ -173,8 +173,8 @@ export function InstallmentExpensesWidget({
Restantes {remainingInstallments}
- {endDate && ` • Termina em ${endDate}`}
- {" • Restante "}
+ {endDate && ` - Termina em ${endDate}`}
+ {" - Restante "}
{expense.paymentMethod}
- •{formatOccurrences(expense.recurrenceCount)}
+ -{formatOccurrences(expense.recurrenceCount)}
diff --git a/components/lancamentos/table/lancamentos-table.tsx b/components/lancamentos/table/lancamentos-table.tsx
index f8d161d..ae01c77 100644
--- a/components/lancamentos/table/lancamentos-table.tsx
+++ b/components/lancamentos/table/lancamentos-table.tsx
@@ -732,7 +732,7 @@ export function LancamentosTable({
{selectedCount === 1 ? "item selecionado" : "itens selecionados"}
- •
+ -
Total:{" "}
diff --git a/components/pagadores/details/pagador-info-card.tsx b/components/pagadores/details/pagador-info-card.tsx
index f3f14c9..a148cbe 100644
--- a/components/pagadores/details/pagador-info-card.tsx
+++ b/components/pagadores/details/pagador-info-card.tsx
@@ -297,8 +297,8 @@ export function PagadorInfoCard({
registradas
- Cartões: {formatCurrency(summary.paymentSplits.card)} •
- Boletos: {formatCurrency(summary.paymentSplits.boleto)} •
+ Cartões: {formatCurrency(summary.paymentSplits.card)} -
+ Boletos: {formatCurrency(summary.paymentSplits.boleto)} -
Pix/Débito/Dinheiro:{" "}
{formatCurrency(summary.paymentSplits.instant)}
@@ -315,7 +315,7 @@ export function PagadorInfoCard({
(item) =>
`${item.name}: ${formatCurrency(item.amount)}`
)
- .join(" • ")
+ .join(" - ")
: "Sem lançamentos com cartão no período."}
diff --git a/components/pagadores/details/pagador-monthly-summary-card.tsx b/components/pagadores/details/pagador-monthly-summary-card.tsx
index d011c71..3317083 100644
--- a/components/pagadores/details/pagador-monthly-summary-card.tsx
+++ b/components/pagadores/details/pagador-monthly-summary-card.tsx
@@ -48,7 +48,7 @@ export function PagadorMonthlySummaryCard({
Totais do mês
- {periodLabel} • despesas por forma de pagamento
+ {periodLabel} - despesas por forma de pagamento
diff --git a/components/ui/chart.tsx b/components/ui/chart.tsx
index 98ce46a..f142f3b 100644
--- a/components/ui/chart.tsx
+++ b/components/ui/chart.tsx
@@ -1,37 +1,37 @@
-"use client"
+"use client";
-import * as React from "react"
-import * as RechartsPrimitive from "recharts"
+import * as React from "react";
+import * as RechartsPrimitive from "recharts";
-import { cn } from "@/lib/utils/ui"
+import { cn } from "@/lib/utils/ui";
// Format: { THEME_NAME: CSS_SELECTOR }
-const THEMES = { light: "", dark: ".dark" } as const
+const THEMES = { light: "", dark: ".dark" } as const;
export type ChartConfig = {
[k in string]: {
- label?: React.ReactNode
- icon?: React.ComponentType
+ label?: React.ReactNode;
+ icon?: React.ComponentType;
} & (
| { color?: string; theme?: never }
| { color?: never; theme: Record
}
- )
-}
+ );
+};
type ChartContextProps = {
- config: ChartConfig
-}
+ config: ChartConfig;
+};
-const ChartContext = React.createContext(null)
+const ChartContext = React.createContext(null);
function useChart() {
- const context = React.useContext(ChartContext)
+ const context = React.useContext(ChartContext);
if (!context) {
- throw new Error("useChart must be used within a ")
+ throw new Error("useChart must be used within a ");
}
- return context
+ return context;
}
function ChartContainer({
@@ -42,13 +42,13 @@ function ChartContainer({
style,
...props
}: React.ComponentProps<"div"> & {
- config: ChartConfig
+ config: ChartConfig;
children: React.ComponentProps<
typeof RechartsPrimitive.ResponsiveContainer
- >["children"]
+ >["children"];
}) {
- const uniqueId = React.useId()
- const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
+ const uniqueId = React.useId();
+ const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
return (
@@ -70,16 +70,16 @@ function ChartContainer({
- )
+ );
}
const ChartStyle = ({ id, config }: { id: string; config: ChartConfig }) => {
const colorConfig = Object.entries(config).filter(
([, config]) => config.theme || config.color
- )
+ );
if (!colorConfig.length) {
- return null
+ return null;
}
return (
@@ -93,8 +93,8 @@ ${colorConfig
.map(([key, itemConfig]) => {
const color =
itemConfig.theme?.[theme as keyof typeof itemConfig.theme] ||
- itemConfig.color
- return color ? ` --color-${key}: ${color};` : null
+ itemConfig.color;
+ return color ? ` --color-${key}: ${color};` : null;
})
.join("\n")}
}
@@ -103,10 +103,10 @@ ${colorConfig
.join("\n"),
}}
/>
- )
-}
+ );
+};
-const ChartTooltip = RechartsPrimitive.Tooltip
+const ChartTooltip = RechartsPrimitive.Tooltip;
function ChartTooltipContent({
active,
@@ -124,40 +124,40 @@ function ChartTooltipContent({
labelKey,
}: React.ComponentProps
&
React.ComponentProps<"div"> & {
- hideLabel?: boolean
- hideIndicator?: boolean
- indicator?: "line" | "dot" | "dashed"
- nameKey?: string
- labelKey?: string
+ hideLabel?: boolean;
+ hideIndicator?: boolean;
+ indicator?: "line" | "dot" | "dashed";
+ nameKey?: string;
+ labelKey?: string;
}) {
- const { config } = useChart()
+ const { config } = useChart();
const tooltipLabel = React.useMemo(() => {
if (hideLabel || !payload?.length) {
- return null
+ return null;
}
- const [item] = payload
- const key = `${labelKey || item?.dataKey || item?.name || "value"}`
- const itemConfig = getPayloadConfigFromPayload(config, item, key)
+ const [item] = payload;
+ const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
+ const itemConfig = getPayloadConfigFromPayload(config, item, key);
const value =
!labelKey && typeof label === "string"
? config[label as keyof typeof config]?.label || label
- : itemConfig?.label
+ : itemConfig?.label;
if (labelFormatter) {
return (
{labelFormatter(value, payload)}
- )
+ );
}
if (!value) {
- return null
+ return null;
}
- return {value}
+ return {value}
;
}, [
label,
labelFormatter,
@@ -166,13 +166,13 @@ function ChartTooltipContent({
labelClassName,
config,
labelKey,
- ])
+ ]);
if (!active || !payload?.length) {
- return null
+ return null;
}
- const nestLabel = payload.length === 1 && indicator !== "dot"
+ const nestLabel = payload.length === 1 && indicator !== "dot";
return (
item.type !== "none")
.map((item, index) => {
- const key = `${nameKey || item.name || item.dataKey || "value"}`
- const itemConfig = getPayloadConfigFromPayload(config, item, key)
- const indicatorColor = color || item.payload.fill || item.color
+ const key = `${nameKey || item.name || item.dataKey || "value"}`;
+ const itemConfig = getPayloadConfigFromPayload(config, item, key);
+ const indicatorColor = color || item.payload.fill || item.color;
return (
)}
- )
+ );
})}