From 49bb511cc377d55a765f312bc39afb3f1f8f3560 Mon Sep 17 00:00:00 2001
From: Jean Ribeiro <iamjeanribeiro@gmail.com>
Date: Tue, 29 Nov 2022 16:40:02 -0300
Subject: [PATCH] feat: adds smart contract info in send confirmation popup

---
 .../popups/send/SendConfirmationPopup.svelte  | 27 +++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/packages/shared/components/popups/send/SendConfirmationPopup.svelte b/packages/shared/components/popups/send/SendConfirmationPopup.svelte
index b2cd8c145bc..9dc821c9ceb 100644
--- a/packages/shared/components/popups/send/SendConfirmationPopup.svelte
+++ b/packages/shared/components/popups/send/SendConfirmationPopup.svelte
@@ -14,6 +14,7 @@
         BasicActivityDetails,
         ActivityInformation,
     } from 'shared/components'
+    import { Tab } from 'shared/components/enums'
     import type { OutputOptions } from '@iota/wallet'
     import { prepareOutput, selectedAccount } from '@core/account'
     import { localize } from '@core/i18n'
@@ -38,6 +39,13 @@
     import { ledgerPreparedOutput } from '@core/ledger'
     import { getStorageDepositFromOutput } from '@core/wallet/utils/generateActivity/helper'
     import { handleError } from '@core/error/handlers/handleError'
+    import {
+        ACCOUNTS_CONTRACT,
+        CONTRACT_FUNCTIONS,
+        GAS_BUDGET,
+        TARGET_CONTRACTS,
+        TRANSFER_ALLOWANCE,
+    } from '@core/layer-2'
 
     export let _onMount: (..._: any[]) => Promise<void> = async () => {}
     export let disableBack = false
@@ -58,6 +66,7 @@
     let expirationTimePicker: ExpirationTimePicker
 
     let initialExpirationDate: ExpirationTime = getInitialExpirationDate()
+    let activeTab: Tab
 
     $: transactionDetails = get(newTransactionDetails)
     $: recipientAddress = recipient.type === 'account' ? recipient.account.depositAddress : recipient.address
@@ -78,6 +87,18 @@
         type: ActivityType.Basic,
         direction: ActivityDirection.Outgoing,
         inclusionState: InclusionState.Pending,
+        ...(layer2Parameters?.networkAddress && {
+            layer2Parameters: {
+                ...transactionDetails.layer2Parameters,
+                gasBudget: GAS_BUDGET,
+            },
+        }),
+        ...(layer2Parameters?.networkAddress && {
+            parsedLayer2Metadata: {
+                targetContract: TARGET_CONTRACTS[ACCOUNTS_CONTRACT],
+                contractFunction: CONTRACT_FUNCTIONS[TRANSFER_ALLOWANCE],
+            },
+        }),
     }
 
     $: asset =
@@ -196,7 +217,9 @@
         {:else if transactionDetails.type === NewTransactionType.NftTransfer}
             <NftActivityDetails {activity} />
         {/if}
-        <ActivityInformation {activity} networkAddress={layer2Parameters?.networkAddress} />
+        <div class="pt-4">
+            <ActivityInformation {activity} networkAddress={layer2Parameters?.networkAddress} bind:activeTab />
+        </div>
         {#if !hideGiftToggle}
             <KeyValueBox keyText={localize('general.giftStorageDeposit')}>
                 <Toggle
@@ -208,7 +231,7 @@
                 />
             </KeyValueBox>
         {/if}
-        {#if initialExpirationDate !== undefined}
+        {#if initialExpirationDate !== undefined && activeTab === Tab.Transaction}
             <KeyValueBox keyText={localize('general.expirationTime')}>
                 <ExpirationTimePicker
                     slot="value"