feat: add SmartTransactionsEnabledBanner to Swaps Quotes VIew

MetaMask · Jan 16, 2025 · 378cdcb · 378cdcb
1 parent cad3fe3
commit 378cdcb
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/app/components/UI/Swaps/QuotesView.js b/app/components/UI/Swaps/QuotesView.js
@@ -118,6 +118,7 @@ import { selectGasFeeControllerEstimateType } from '../../../selectors/gasFeeCon
 import { addSwapsTransaction } from '../../../util/swaps/swaps-transactions';
 import { getTransaction1559GasFeeEstimates } from './utils/gas';
 import { getGlobalEthQuery } from '../../../util/networks/global-network';
+import SmartTransactionsEnabledBanner from '../../Views/confirmations/components/SmartTransactionsEnabledBanner/SmartTransactionsEnabledBanner';
 
 const LOG_PREFIX = 'Swaps';
 const POLLING_INTERVAL = 30000;
@@ -148,6 +149,11 @@ const createStyles = (colors) =>
       marginVertical: 10,
       width: '100%',
     },
+    smartTransactionsBanner: {
+      paddingHorizontal: 20,
+      marginHorizontal: 16,
+      marginVertical: 10,
+    },
     timerWrapper: {
       backgroundColor: colors.background.alternative,
       borderRadius: 20,
@@ -1788,7 +1794,9 @@ function SwapsQuotesView({
       keyboardShouldPersistTaps="handled"
     >
       <View style={styles.topBar}>
+        <SmartTransactionsEnabledBanner />
         {(!hasEnoughTokenBalance || !hasEnoughEthBalance) && (
+          <>
           <View style={styles.alertBar}>
             <Alert small type={AlertType.Info}>
               <Text reset bold>
@@ -1810,12 +1818,16 @@ function SwapsQuotesView({
                 )}
             </Alert>
           </View>
+          </>
         )}
         {!!selectedQuote &&
           hasEnoughTokenBalance &&
           hasEnoughEthBalance &&
           shouldDisplaySlippage && (
             <View style={styles.alertBar}>
+              <View style={styles.smartTransactionsBanner}>
+                <SmartTransactionsEnabledBanner />
+              </View>
               <ActionAlert
                 type={
                   selectedQuote.priceSlippage?.bucket === SLIPPAGE_BUCKETS.HIGH