refactor: atualiza transacoes dashboard e relatorios

src/features/dashboard/components/dashboard-grid-editable.tsx

@@ -38,7 +38,7 @@ import {
 	widgetsConfig,
 } from "@/features/dashboard/widgets/widgets-config";
 import { NoteDialog } from "@/features/notes/components/note-dialog";
-import { LancamentoDialog } from "@/features/transactions/components/dialogs/transaction-dialog/transaction-dialog";
+import { TransactionDialog } from "@/features/transactions/components/dialogs/transaction-dialog/transaction-dialog";
 import type { SelectOption } from "@/features/transactions/components/types";
 import { ExpandableWidgetCard } from "@/shared/components/expandable-widget-card";
 import { Button } from "@/shared/components/ui/button";
@@ -48,12 +48,12 @@ type DashboardGridEditableProps = {
 	period: string;
 	initialPreferences: WidgetPreferences | null;
 	quickActionOptions: {
-		pagadorOptions: SelectOption[];
-		splitPagadorOptions: SelectOption[];
-		defaultPagadorId: string | null;
-		contaOptions: SelectOption[];
-		cartaoOptions: SelectOption[];
-		categoriaOptions: SelectOption[];
+		payerOptions: SelectOption[];
+		splitPayerOptions: SelectOption[];
+		defaultPayerId: string | null;
+		accountOptions: SelectOption[];
+		cardOptions: SelectOption[];
+		categoryOptions: SelectOption[];
 		estabelecimentos: string[];
 	};
 };
@@ -203,14 +203,14 @@ export function DashboardGridEditable({
 							Ações rápidas
 						</span>
 						<div className="-mb-1 grid w-full grid-cols-3 gap-1 pb-1 sm:mb-0 sm:flex sm:w-auto sm:items-center sm:gap-2 sm:overflow-visible sm:pb-0">
-							<LancamentoDialog
+							<TransactionDialog
 								mode="create"
-								pagadorOptions={quickActionOptions.pagadorOptions}
-								splitPagadorOptions={quickActionOptions.splitPagadorOptions}
-								defaultPagadorId={quickActionOptions.defaultPagadorId}
-								contaOptions={quickActionOptions.contaOptions}
-								cartaoOptions={quickActionOptions.cartaoOptions}
-								categoriaOptions={quickActionOptions.categoriaOptions}
+								payerOptions={quickActionOptions.payerOptions}
+								splitPayerOptions={quickActionOptions.splitPayerOptions}
+								defaultPayerId={quickActionOptions.defaultPayerId}
+								accountOptions={quickActionOptions.accountOptions}
+								cardOptions={quickActionOptions.cardOptions}
+								categoryOptions={quickActionOptions.categoryOptions}
 								estabelecimentos={quickActionOptions.estabelecimentos}
 								defaultPeriod={period}
 								defaultTransactionType="Receita"
@@ -228,14 +228,14 @@ export function DashboardGridEditable({
 									</Button>
 								}
 							/>
-							<LancamentoDialog
+							<TransactionDialog
 								mode="create"
-								pagadorOptions={quickActionOptions.pagadorOptions}
-								splitPagadorOptions={quickActionOptions.splitPagadorOptions}
-								defaultPagadorId={quickActionOptions.defaultPagadorId}
-								contaOptions={quickActionOptions.contaOptions}
-								cartaoOptions={quickActionOptions.cartaoOptions}
-								categoriaOptions={quickActionOptions.categoriaOptions}
+								payerOptions={quickActionOptions.payerOptions}
+								splitPayerOptions={quickActionOptions.splitPayerOptions}
+								defaultPayerId={quickActionOptions.defaultPayerId}
+								accountOptions={quickActionOptions.accountOptions}
+								cardOptions={quickActionOptions.cardOptions}
+								categoryOptions={quickActionOptions.categoryOptions}
 								estabelecimentos={quickActionOptions.estabelecimentos}
 								defaultPeriod={period}
 								defaultTransactionType="Despesa"

src/features/dashboard/components/invoices/invoice-list-item.tsx

@@ -76,7 +76,7 @@ export function InvoiceListItem({ invoice, onPay }: InvoiceListItemProps) {
 									{breakdown.map((share, index) => (
 										<li
 											key={`${invoice.id}-${
-												share.pagadorId ?? share.pagadorName ?? index
+												share.payerId ?? share.pagadorName ?? index
 											}`}
 											className="flex items-center gap-3"
 										>

src/features/dashboard/components/invoices/invoice-payment-dialog.tsx

@@ -146,7 +146,7 @@ export function InvoicePaymentDialog({
 										<div className="mb-2 flex items-center gap-2 text-muted-foreground">
 											<RiMoneyDollarCircleLine className="size-4" />
 											<span className="text-xs font-semibold uppercase">
-												Valor da Fatura
+												Valor da Invoice
 											</span>
 										</div>
 										<MoneyValues

src/features/dashboard/components/my-accounts-widget.tsx

@@ -55,12 +55,14 @@ export function MyAccountsWidget({
 								>
 									<div className="flex min-w-0 flex-1 items-center gap-3">
 										<div className="relative size-10 overflow-hidden">
-											<Image
-												src={logoSrc}
-												alt={`Logo da conta ${account.name}`}
-												fill
-												className="object-contain rounded-full"
-											/>
+											{logoSrc ? (
+												<Image
+													src={logoSrc}
+													alt={`Logo da conta ${account.name}`}
+													fill
+													className="object-contain rounded-full"
+												/>
+											) : null}
 										</div>
 
 										<div className="min-w-0">

src/features/dashboard/components/payers-widget.tsx

@@ -21,7 +21,7 @@ import { getAvatarSrc } from "@/shared/lib/payers/utils";
 import { formatPercentage } from "@/shared/utils/percentage";
 
 type PayersWidgetProps = {
-	pagadores: DashboardPagador[];
+	payers: DashboardPagador[];
 };
 
 const buildInitials = (value: string) => {
@@ -38,10 +38,10 @@ const buildInitials = (value: string) => {
 	return `${firstChar}${secondChar}`.toUpperCase() || "??";
 };
 
-export function PayersWidget({ pagadores }: PayersWidgetProps) {
+export function PayersWidget({ payers }: PayersWidgetProps) {
 	return (
 		<CardContent className="flex flex-col gap-4 px-0">
-			{pagadores.length === 0 ? (
+			{payers.length === 0 ? (
 				<WidgetEmptyState
 					icon={<RiGroupLine className="size-6 text-muted-foreground" />}
 					title="Nenhum pagador para o período"
@@ -49,25 +49,25 @@ export function PayersWidget({ pagadores }: PayersWidgetProps) {
 				/>
 			) : (
 				<ul className="flex flex-col">
-					{pagadores.map((pagador) => {
-						const initials = buildInitials(pagador.name);
+					{payers.map((payer) => {
+						const initials = buildInitials(payer.name);
 						const hasValidPercentageChange =
-							typeof pagador.percentageChange === "number" &&
-							Number.isFinite(pagador.percentageChange);
+							typeof payer.percentageChange === "number" &&
+							Number.isFinite(payer.percentageChange);
 						const percentageChange = hasValidPercentageChange
-							? pagador.percentageChange
+							? payer.percentageChange
 							: null;
 
 						return (
 							<li
-								key={pagador.id}
+								key={payer.id}
 								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">
 									<Avatar className="size-10 shrink-0">
 										<AvatarImage
-											src={getAvatarSrc(pagador.avatarUrl)}
-											alt={`Avatar de ${pagador.name}`}
+											src={getAvatarSrc(payer.avatarUrl)}
+											alt={`Avatar de ${payer.name}`}
 										/>
 										<AvatarFallback>{initials}</AvatarFallback>
 									</Avatar>
@@ -75,13 +75,11 @@ export function PayersWidget({ pagadores }: PayersWidgetProps) {
 									<div className="min-w-0">
 										<Link
 											prefetch
-											href={`/payers/${pagador.id}`}
+											href={`/payers/${payer.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 font-medium">
-												{pagador.name}
-											</span>
-											{pagador.isAdmin && (
+											<span className="truncate font-medium">{payer.name}</span>
+											{payer.isAdmin && (
 												<RiVerifiedBadgeFill
 													className="size-4 shrink-0 text-blue-500"
 													aria-hidden
@@ -93,13 +91,13 @@ export function PayersWidget({ pagadores }: PayersWidgetProps) {
 											/>
 										</Link>
 										<p className="truncate text-xs text-muted-foreground">
-											{pagador.email ?? "Sem email cadastrado"}
+											{payer.email ?? "Sem email cadastrado"}
 										</p>
 									</div>
 								</div>
 
 								<div className="flex shrink-0 flex-col items-end">
-									<MoneyValues amount={pagador.totalExpenses} />
+									<MoneyValues amount={payer.totalExpenses} />
 									{percentageChange !== null && (
 										<span
 											className={`flex items-center gap-0.5 text-xs ${