From a78699e63c25b9de12a2c538c7388a0fea69a74c Mon Sep 17 00:00:00 2001
From: Pedro Figueiredo <pedro.figueiredo@consensys.net>
Date: Fri, 16 Aug 2024 16:34:22 +0100
Subject: [PATCH] feat: Redesign Approve confirmation

---
 .../approve-details/approve-details.tsx       | 38 +++++++++----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/ui/pages/confirmations/components/confirm/info/shared/approve-details/approve-details.tsx b/ui/pages/confirmations/components/confirm/info/shared/approve-details/approve-details.tsx
index 7e7c3d267783..b3272cc557ff 100644
--- a/ui/pages/confirmations/components/confirm/info/shared/approve-details/approve-details.tsx
+++ b/ui/pages/confirmations/components/confirm/info/shared/approve-details/approve-details.tsx
@@ -16,25 +16,6 @@ import {
   RecipientRow,
 } from '../transaction-details/transaction-details';
 
-export const ApproveDetails = () => {
-  const showAdvancedDetails = useSelector(
-    selectConfirmationAdvancedDetailsOpen,
-  );
-
-  return (
-    <ConfirmInfoSection>
-      <Spender />
-      <OriginRow />
-      {showAdvancedDetails && (
-        <>
-          <RecipientRow />
-          <MethodDataRow />
-        </>
-      )}
-    </ConfirmInfoSection>
-  );
-};
-
 const Spender = () => {
   const t = useI18nContext();
 
@@ -60,3 +41,22 @@ const Spender = () => {
     </>
   );
 };
+
+export const ApproveDetails = () => {
+  const showAdvancedDetails = useSelector(
+    selectConfirmationAdvancedDetailsOpen,
+  );
+
+  return (
+    <ConfirmInfoSection>
+      <Spender />
+      <OriginRow />
+      {showAdvancedDetails && (
+        <>
+          <RecipientRow />
+          <MethodDataRow />
+        </>
+      )}
+    </ConfirmInfoSection>
+  );
+};