From 18471f2225433d12003030d542d879a49d67367b Mon Sep 17 00:00:00 2001
From: Felipe Coutinho <felipi@live.com>
Date: Fri, 23 Jan 2026 15:41:52 +0000
Subject: [PATCH] =?UTF-8?q?refactor(inbox):=20simplifica=20layout=20e=20fo?=
 =?UTF-8?q?rmata=C3=A7=C3=A3o=20dos=20componentes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Remove header duplicado da página (agora no layout)
- Melhora formatação do código com linhas mais curtas
- Reorganiza imports para consistência
---
 components/caixa-de-entrada/inbox-card.tsx | 22 ++++++----------------
 components/caixa-de-entrada/inbox-page.tsx | 15 ++-------------
 2 files changed, 8 insertions(+), 29 deletions(-)

diff --git a/components/caixa-de-entrada/inbox-card.tsx b/components/caixa-de-entrada/inbox-card.tsx
index 3f36ab6..411b850 100644
--- a/components/caixa-de-entrada/inbox-card.tsx
+++ b/components/caixa-de-entrada/inbox-card.tsx
@@ -9,8 +9,6 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu";
-import { formatDistanceToNow } from "date-fns";
-import { ptBR } from "date-fns/locale";
 import {
   RiCheckLine,
   RiDeleteBinLine,
@@ -18,6 +16,8 @@ import {
   RiMoreLine,
   RiSmartphoneLine,
 } from "@remixicon/react";
+import { formatDistanceToNow } from "date-fns";
+import { ptBR } from "date-fns/locale";
 import type { InboxItem } from "./types";
 
 interface InboxCardProps {
@@ -47,7 +47,7 @@ export function InboxCard({
 
   return (
     <Card className="flex flex-col">
-      <CardHeader className="flex flex-row items-start justify-between gap-2 pb-2">
+      <CardHeader className="flex flex-row items-start justify-between gap-2">
         <div className="flex items-center gap-2">
           <RiSmartphoneLine className="size-4 text-muted-foreground" />
           <span className="text-sm font-medium">
@@ -95,9 +95,7 @@ export function InboxCard({
 
       <CardContent className="flex flex-1 flex-col gap-3">
         <div className="flex-1">
-          {item.parsedName && (
-            <p className="font-medium">{item.parsedName}</p>
-          )}
+          {item.parsedName && <p className="font-medium">{item.parsedName}</p>}
           <p className="line-clamp-2 text-sm text-muted-foreground">
             {item.originalText}
           </p>
@@ -113,19 +111,11 @@ export function InboxCard({
         </div>
 
         <div className="flex gap-2">
-          <Button
-            size="sm"
-            className="flex-1"
-            onClick={() => onProcess(item)}
-          >
+          <Button size="sm" className="flex-1" onClick={() => onProcess(item)}>
             <RiCheckLine className="mr-1 size-4" />
             Processar
           </Button>
-          <Button
-            size="sm"
-            variant="outline"
-            onClick={() => onDiscard(item)}
-          >
+          <Button size="sm" variant="outline" onClick={() => onDiscard(item)}>
             <RiDeleteBinLine className="size-4" />
           </Button>
         </div>
diff --git a/components/caixa-de-entrada/inbox-page.tsx b/components/caixa-de-entrada/inbox-page.tsx
index 874c122..38bb45a 100644
--- a/components/caixa-de-entrada/inbox-page.tsx
+++ b/components/caixa-de-entrada/inbox-page.tsx
@@ -39,9 +39,9 @@ export function InboxPage({
       [...items].sort(
         (a, b) =>
           new Date(b.notificationTimestamp).getTime() -
-          new Date(a.notificationTimestamp).getTime()
+          new Date(a.notificationTimestamp).getTime(),
       ),
-    [items]
+    [items],
   );
 
   const handleProcessOpenChange = useCallback((open: boolean) => {
@@ -99,17 +99,6 @@ export function InboxPage({
   return (
     <>
       <div className="flex w-full flex-col gap-6">
-        <div className="flex items-center justify-between">
-          <div>
-            <h1 className="text-2xl font-semibold">Caixa de Entrada</h1>
-            <p className="text-sm text-muted-foreground">
-              {items.length === 0
-                ? "Nenhuma notificação pendente"
-                : `${items.length} notificação${items.length > 1 ? "ões" : ""} pendente${items.length > 1 ? "s" : ""}`}
-            </p>
-          </div>
-        </div>
-
         {sortedItems.length === 0 ? (
           <Card className="flex min-h-[50vh] w-full items-center justify-center py-12">
             <EmptyState