From a571fb3ba9868eda644ef4b9a248528cc34f4ffd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Rafael=20Siqueira?=
 <osergiosiqueira@gmail.com>
Date: Mon, 26 Jan 2026 16:23:27 -0300
Subject: [PATCH] update payments attemps

---
 .../_.$orgid.payments.$id._index/route.tsx    | 66 +++++++++----------
 1 file changed, 32 insertions(+), 34 deletions(-)

diff --git a/apps/admin.saladeaula.digital/app/routes/_.$orgid.payments.$id._index/route.tsx b/apps/admin.saladeaula.digital/app/routes/_.$orgid.payments.$id._index/route.tsx
index 076bb22..32a162a 100644
--- a/apps/admin.saladeaula.digital/app/routes/_.$orgid.payments.$id._index/route.tsx
+++ b/apps/admin.saladeaula.digital/app/routes/_.$orgid.payments.$id._index/route.tsx
@@ -619,41 +619,39 @@ function PaymentAttemptsMenu({
           <EllipsisIcon />
         </Button>
       </PopoverTrigger>
-      <PopoverContent align="end" className="w-82">
-        <div className="p-2 space-y-1.5">
-          {payment_attempts.map(({ sk, brand, last4, status }, index) => {
-            const [, , created_at] = sk.split('#')
+      <PopoverContent align="end" className="w-82 space-y-1.5">
+        {payment_attempts.map(({ sk, brand, last4, status }, index) => {
+          const [, , created_at] = sk.split('#')
 
-            return (
-              <ul key={index} className="text-sm flex gap-1.5">
-                <li>
-                  <Kbd>
-                    <DateTime
-                      options={{
-                        year: '2-digit',
-                        hour: '2-digit',
-                        minute: '2-digit'
-                      }}
-                    >
-                      {created_at}
-                    </DateTime>
-                  </Kbd>
-                </li>
-                <li>
-                  <Abbr maxLen={6}>{brand}</Abbr>
-                </li>
-                <li className="ml-auto">**** {last4}</li>
-                <li className="flex items-center">
-                  {status === 'FAILED' ? (
-                    <CircleXIcon className="size-4 text-red-400" />
-                  ) : (
-                    <CircleCheckIcon className="size-4 text-green-400" />
-                  )}
-                </li>
-              </ul>
-            )
-          })}
-        </div>
+          return (
+            <ul key={index} className="text-sm flex gap-1.5">
+              <li>
+                <Kbd>
+                  <DateTime
+                    options={{
+                      year: '2-digit',
+                      hour: '2-digit',
+                      minute: '2-digit'
+                    }}
+                  >
+                    {created_at}
+                  </DateTime>
+                </Kbd>
+              </li>
+              <li>
+                <Abbr maxLen={6}>{brand}</Abbr>
+              </li>
+              <li className="ml-auto">**** {last4}</li>
+              <li className="flex items-center">
+                {status === 'FAILED' ? (
+                  <CircleXIcon className="size-4 text-red-400" />
+                ) : (
+                  <CircleCheckIcon className="size-4 text-green-400" />
+                )}
+              </li>
+            </ul>
+          )
+        })}
       </PopoverContent>
     </Popover>
   )