diff --git a/components/pre-lancamentos/inbox-card.tsx b/components/pre-lancamentos/inbox-card.tsx
index 1b36115..de09121 100644
--- a/components/pre-lancamentos/inbox-card.tsx
+++ b/components/pre-lancamentos/inbox-card.tsx
@@ -36,6 +36,7 @@ interface InboxCardProps {
onProcess?: (item: InboxItem) => void;
onDiscard?: (item: InboxItem) => void;
onViewDetails?: (item: InboxItem) => void;
+ onDelete?: (item: InboxItem) => void;
}
function resolveLogoPath(logo: string): string {
@@ -77,6 +78,7 @@ export function InboxCard({
onProcess,
onDiscard,
onViewDetails,
+ onDelete,
}: InboxCardProps) {
const matchedLogo = useMemo(
() =>
@@ -202,6 +204,16 @@ export function InboxCard({
{formattedStatusDate}
)}
+ {onDelete && (
+
+ )}
) : (
diff --git a/components/pre-lancamentos/inbox-page.tsx b/components/pre-lancamentos/inbox-page.tsx
index 799f035..00f6e56 100644
--- a/components/pre-lancamentos/inbox-page.tsx
+++ b/components/pre-lancamentos/inbox-page.tsx
@@ -1,15 +1,18 @@
"use client";
-import { RiInboxLine } from "@remixicon/react";
+import { RiAtLine, RiDeleteBinLine } from "@remixicon/react";
import { useCallback, useMemo, useState } from "react";
import { toast } from "sonner";
import {
+ bulkDeleteInboxItemsAction,
+ deleteInboxItemAction,
discardInboxItemAction,
markInboxAsProcessedAction,
} from "@/app/(dashboard)/pre-lancamentos/actions";
import { ConfirmActionDialog } from "@/components/confirm-action-dialog";
import { EmptyState } from "@/components/empty-state";
import { LancamentoDialog } from "@/components/lancamentos/dialogs/lancamento-dialog/lancamento-dialog";
+import { Button } from "@/components/ui/button";
import { Card } from "@/components/ui/card";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import { InboxCard } from "./inbox-card";
@@ -52,6 +55,14 @@ export function InboxPage({
const [discardOpen, setDiscardOpen] = useState(false);
const [itemToDiscard, setItemToDiscard] = useState(null);
+ const [deleteOpen, setDeleteOpen] = useState(false);
+ const [itemToDelete, setItemToDelete] = useState(null);
+
+ const [bulkDeleteOpen, setBulkDeleteOpen] = useState(false);
+ const [bulkDeleteStatus, setBulkDeleteStatus] = useState<
+ "processed" | "discarded"
+ >("processed");
+
const sortByTimestamp = useCallback(
(list: InboxItem[]) =>
[...list].sort(
@@ -127,6 +138,60 @@ export function InboxPage({
throw new Error(result.error);
}, [itemToDiscard]);
+ const handleDeleteOpenChange = useCallback((open: boolean) => {
+ setDeleteOpen(open);
+ if (!open) {
+ setItemToDelete(null);
+ }
+ }, []);
+
+ const handleDeleteRequest = useCallback((item: InboxItem) => {
+ setItemToDelete(item);
+ setDeleteOpen(true);
+ }, []);
+
+ const handleDeleteConfirm = useCallback(async () => {
+ if (!itemToDelete) return;
+
+ const result = await deleteInboxItemAction({
+ inboxItemId: itemToDelete.id,
+ });
+
+ if (result.success) {
+ toast.success(result.message);
+ return;
+ }
+
+ toast.error(result.error);
+ throw new Error(result.error);
+ }, [itemToDelete]);
+
+ const handleBulkDeleteOpenChange = useCallback((open: boolean) => {
+ setBulkDeleteOpen(open);
+ }, []);
+
+ const handleBulkDeleteRequest = useCallback(
+ (status: "processed" | "discarded") => {
+ setBulkDeleteStatus(status);
+ setBulkDeleteOpen(true);
+ },
+ [],
+ );
+
+ const handleBulkDeleteConfirm = useCallback(async () => {
+ const result = await bulkDeleteInboxItemsAction({
+ status: bulkDeleteStatus,
+ });
+
+ if (result.success) {
+ toast.success(result.message);
+ return;
+ }
+
+ toast.error(result.error);
+ throw new Error(result.error);
+ }, [bulkDeleteStatus]);
+
const handleLancamentoSuccess = useCallback(async () => {
if (!itemToProcess) return;
@@ -180,7 +245,7 @@ export function InboxPage({
const renderEmptyState = (message: string) => (
}
+ media={}
title={message}
description="As notificações capturadas pelo app OpenMonetis Companion aparecerão aqui. Saiba mais em Ajustes > Companion."
/>
@@ -205,6 +270,7 @@ export function InboxPage({
onProcess={readonly ? undefined : handleProcessRequest}
onDiscard={readonly ? undefined : handleDiscardRequest}
onViewDetails={readonly ? undefined : handleDetailsRequest}
+ onDelete={readonly ? handleDeleteRequest : undefined}
/>
))}
@@ -229,9 +295,33 @@ export function InboxPage({
{renderGrid(sortedPending)}
+ {sortedProcessed.length > 0 && (
+
+
+
+ )}
{renderGrid(sortedProcessed, true)}
+ {sortedDiscarded.length > 0 && (
+
+
+
+ )}
{renderGrid(sortedDiscarded, true)}
@@ -272,6 +362,28 @@ export function InboxPage({
pendingLabel="Descartando..."
onConfirm={handleDiscardConfirm}
/>
+
+
+
+
);
}
diff --git a/components/sidebar/nav-link.tsx b/components/sidebar/nav-link.tsx
index 268eec0..14de25c 100644
--- a/components/sidebar/nav-link.tsx
+++ b/components/sidebar/nav-link.tsx
@@ -1,6 +1,7 @@
import {
type RemixiconComponentType,
RiArrowLeftRightLine,
+ RiAtLine,
RiBankCard2Line,
RiBankLine,
RiCalendarEventLine,
@@ -8,7 +9,6 @@ import {
RiFileChartLine,
RiFundsLine,
RiGroupLine,
- RiInboxLine,
RiPriceTag3Line,
RiSettings2Line,
RiSparklingLine,
@@ -98,7 +98,7 @@ export function createSidebarNavData(
title: "Pré-Lançamentos",
url: "/pre-lancamentos",
key: "pre-lancamentos",
- icon: RiInboxLine,
+ icon: RiAtLine,
badge:
preLancamentosCount > 0 ? preLancamentosCount : undefined,
},
diff --git a/lib/dashboard/notifications.ts b/lib/dashboard/notifications.ts
index 045ac84..b6819c1 100644
--- a/lib/dashboard/notifications.ts
+++ b/lib/dashboard/notifications.ts
@@ -23,6 +23,7 @@ export type DashboardNotification = {
amount: number;
period?: string;
showAmount: boolean;
+ cardLogo?: string | null;
};
export type BudgetStatus = "exceeded" | "critical";
@@ -160,6 +161,7 @@ export async function fetchDashboardNotifications(
invoiceId: faturas.id,
cardId: cartoes.id,
cardName: cartoes.name,
+ cardLogo: cartoes.logo,
dueDay: cartoes.dueDay,
period: faturas.period,
totalAmount: sql
`
@@ -189,6 +191,7 @@ export async function fetchDashboardNotifications(
invoiceId: faturas.id,
cardId: cartoes.id,
cardName: cartoes.name,
+ cardLogo: cartoes.logo,
dueDay: cartoes.dueDay,
period: sql`COALESCE(${faturas.period}, ${currentPeriod})`,
paymentStatus: faturas.paymentStatus,
@@ -219,6 +222,7 @@ export async function fetchDashboardNotifications(
faturas.id,
cartoes.id,
cartoes.name,
+ cartoes.logo,
cartoes.dueDay,
faturas.period,
faturas.paymentStatus,
@@ -296,6 +300,7 @@ export async function fetchDashboardNotifications(
amount: Math.abs(amount),
period: invoice.period,
showAmount: true,
+ cardLogo: invoice.cardLogo,
});
}
@@ -332,6 +337,7 @@ export async function fetchDashboardNotifications(
amount: Math.abs(amount),
period: invoice.period,
showAmount: invoiceIsOverdue,
+ cardLogo: invoice.cardLogo,
});
}