From 218c8ee067bfb1e084568703b6490e3f24aac947 Mon Sep 17 00:00:00 2001
From: Javier Bueno <javierbueno@emurgo.io>
Date: Thu, 19 Oct 2023 03:32:32 +0200
Subject: [PATCH] refactor(swap): tx confirm info modals

---
 .../ConfirmTxScreen/TransactionSummary.tsx         | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/TransactionSummary.tsx b/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/TransactionSummary.tsx
index d3c1a62edc..e7a0310e8e 100644
--- a/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/TransactionSummary.tsx
+++ b/apps/wallet-mobile/src/features/Swap/useCases/ConfirmTxScreen/TransactionSummary.tsx
@@ -13,6 +13,7 @@ import {Quantities} from '../../../../yoroi-wallets/utils'
 import {LiquidityPool} from '../../common/LiquidityPool/LiquidityPool'
 import {PoolIcon} from '../../common/PoolIcon/PoolIcon'
 import {useStrings} from '../../common/strings'
+import {SwapInfoLink} from '../../common/SwapInfoLink/SwapInfoLink'
 
 export const TransactionSummary = () => {
   const strings = useStrings()
@@ -90,7 +91,18 @@ export const TransactionSummary = () => {
                 {orderInfo.info != undefined && (
                   <TouchableOpacity
                     onPress={() => {
-                      openModal(orderInfo.label, <Text>{orderInfo.info}</Text>)
+                      openModal(
+                        orderInfo.label,
+                        <View style={{justifyContent: 'space-between', flex: 1}}>
+                          <Text>{orderInfo.info}</Text>
+
+                          <Spacer fill />
+
+                          <SwapInfoLink />
+
+                          <Spacer height={24} />
+                        </View>,
+                      )
                     }}
                   >
                     <Icon.Info size={24} />