Approval editor

safe-global · Sep 20, 2024 · 83af70d · 83af70d
1 parent d12bf6f
commit 83af70d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/cypress/support/localstorage_data.js b/cypress/support/localstorage_data.js
@@ -7,7 +7,7 @@ const cookieState = {
   updates: true,
   analytics: true,
   terms: true,
-  termsVersion: CURRENT_COOKIE_TERMS_VERSION
+  termsVersion: CURRENT_COOKIE_TERMS_VERSION,
 }
 
 export const batchData = {

diff --git a/src/components/tx/SignOrExecuteForm/SignOrExecuteForm.tsx b/src/components/tx/SignOrExecuteForm/SignOrExecuteForm.tsx
@@ -135,20 +135,20 @@ export const SignOrExecuteForm = ({
       <TxCard>
         {props.children}
 
-        {!props.isRejection && (
-          <ErrorBoundary fallback={<div>Error parsing data</div>}>
-            {isApproval && <ApprovalEditor safeTransaction={safeTx} />}
-          </ErrorBoundary>
-        )}
-
         <ConfirmationView
           isCreation={isCreation}
           txDetails={props.txDetails}
           safeTx={safeTx}
           isBatch={props.isBatch}
           showMethodCall={props.showMethodCall}
           isApproval={isApproval}
-        />
+        >
+          {!props.isRejection && (
+            <ErrorBoundary fallback={<div>Error parsing data</div>}>
+              {isApproval && <ApprovalEditor safeTransaction={safeTx} />}
+            </ErrorBoundary>
+          )}
+        </ConfirmationView>
 
         {!isCounterfactualSafe && !props.isRejection && <BlockaidBalanceChanges />}
       </TxCard>

diff --git a/src/components/tx/confirmation-views/index.tsx b/src/components/tx/confirmation-views/index.tsx
@@ -8,7 +8,7 @@ import ConfirmationOrder from '../ConfirmationOrder'
 import useDecodeTx from '@/hooks/useDecodeTx'
 import type { SafeTransaction } from '@safe-global/safe-core-sdk-types'
 import { isCustomTxInfo, isGenericConfirmation } from '@/utils/transaction-guards'
-import { useMemo } from 'react'
+import { type ReactNode, useMemo } from 'react'
 import TxData from '@/components/transactions/TxDetails/TxData'
 import type { NarrowConfirmationViewProps } from './types'
 import SettingsChange from './SettingsChange'
@@ -22,6 +22,7 @@ type ConfirmationViewProps = {
   isApproval?: boolean
   isCreation?: boolean
   showMethodCall?: boolean
+  children?: ReactNode
 }
 
 const getConfirmationViewComponent = ({ txDetails, txInfo }: NarrowConfirmationViewProps) => {
@@ -60,6 +61,8 @@ const ConfirmationView = (props: ConfirmationViewProps) => {
 
       {decodedData && <ConfirmationOrder decodedData={decodedData} toAddress={props.safeTx?.data.to ?? ''} />}
 
+      {props.children}
+
       <DecodedTx
         tx={props.safeTx}
         txDetails={props.txDetails}