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

feat: amplia ações e seleção em lote no inbox

Browse Source
This commit is contained in:
Felipe Coutinho
2026-03-16 01:14:47 +00:00
parent f4e7108119
commit 959db963b8
4 changed files with 158 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/features/inbox/components/inbox-details-dialog.tsx
View File

@@ -16,20 +16,29 @@ import {
import { Separator } from "@/shared/components/ui/separator";
import type { InboxItem } from "./types";
const STATUS_LABELS: Record<string, string> = {
pending: "Pendente",
processed: "Processado",
discarded: "Descartado",
};
interface InboxDetailsDialogProps {
open: boolean;
onOpenChange: (open: boolean) => void;
item: InboxItem | null;
onProcess?: (item: InboxItem) => void;
}
export function InboxDetailsDialog({
open,
onOpenChange,
item,
onProcess,
}: InboxDetailsDialogProps) {
if (!item) return null;
const amount = item.parsedAmount ? parseFloat(item.parsedAmount) : null;
const isPending = item.status === "pending";
return (
<Dialog open={open} onOpenChange={onOpenChange}>
@@ -39,32 +48,21 @@ export function InboxDetailsDialog({
</DialogHeader>
<div className="space-y-4">
{/* Dados da fonte */}
<div>
<div className="grid gap-2 text-sm">
<div className="flex justify-between">
<span className="text-muted-foreground">ID</span>
<span className="font-mono text-xs">{item.id}</span>
</div>
<div className="flex justify-between">
<span className="text-muted-foreground">App</span>
<span>{item.sourceAppName || item.sourceApp}</span>
</div>
<div className="flex justify-between">
<span className="text-muted-foreground">Package</span>
<span className="font-mono text-xs">{item.sourceApp}</span>
</div>
</div>
</div>
<Separator />
{/* Texto original */}
<div>
<h4 className="mb-1 text-sm font-medium text-muted-foreground">
Notificação Original
</h4>
{item.originalTitle && (
<p className="mb-1 font-medium">{item.originalTitle}</p>
)}
@@ -73,14 +71,13 @@ export function InboxDetailsDialog({
<Separator />
{/* Dados parseados */}
<div>
<div className="grid gap-2 text-sm">
<div className="flex justify-between">
<span className="text-muted-foreground">Estabelecimento</span>
<span>{item.parsedName || "Não extraído"}</span>
</div>
<div className="flex justify-between items-center">
<div className="flex items-center justify-between">
<span className="text-muted-foreground">Valor</span>
{amount !== null ? (
<MoneyValues amount={amount} className="text-sm" />
@@ -93,12 +90,13 @@ export function InboxDetailsDialog({
<Separator />
{/* Metadados */}
<div>
<div className="grid gap-2 text-sm">
<div className="flex justify-between">
<span className="text-muted-foreground">Status</span>
<Badge variant="outline">{item.status}</Badge>
<Badge variant="outline">
{STATUS_LABELS[item.status] ?? item.status}
</Badge>
</div>
<div className="flex justify-between">
<span className="text-muted-foreground">Criado em</span>
@@ -111,8 +109,21 @@ export function InboxDetailsDialog({
</div>
<DialogFooter>
{isPending && onProcess && (
<Button
type="button"
onClick={() => {
onOpenChange(false);
onProcess(item);
}}
>
Processar
</Button>
)}
<DialogClose asChild>
<Button type="button">Entendi</Button>
<Button type="button" variant="outline">
Fechar
</Button>
</DialogClose>
</DialogFooter>
</DialogContent>