fix: fixed eth required message component

liquality · Dec 1, 2022 · e4f2e72 · e4f2e72
1 parent 7cf111f
commit e4f2e72
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/src/components/EthRequiredMessage.vue b/src/components/EthRequiredMessage.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="notification-content">
     <div class="notification-text">
-      {{ $t('components.ethRequiredMessage.message', { nativeAsset }) }}
+      {{ $t(`components.ethRequiredMessage.message_${action}`, { nativeAsset }) }}
     </div>
     <router-link :to="accountUrl" class="btn btn-option get-eth-btn">
       {{ $t('components.ethRequiredMessage.getETH', { nativeAsset }) }}
@@ -14,7 +14,11 @@ import { mapGetters } from 'vuex'
 import { getNativeAsset, getFeeAsset } from '@liquality/wallet-core/dist/src/utils/asset'
 export default {
   props: {
-    accountId: String
+    accountId: String,
+    action: {
+      type: String,
+      default: 'swap'
+    }
   },
   computed: {
     ...mapGetters(['accountItem', 'client', 'suggestedFeePrices']),

diff --git a/src/views/Send/Send.vue b/src/views/Send/Send.vue
@@ -9,7 +9,7 @@
         {{ $t('common.send') }}
       </NavBar>
       <InfoNotification v-if="nativeAssetRequired">
-        <EthRequiredMessage :account-id="account.id" />
+        <EthRequiredMessage :account-id="account.id" :action="'send'" />
       </InfoNotification>
       <div class="wrapper form">
         <div class="wrapper_top">

diff --git a/src/views/Swap/Swap.vue b/src/views/Swap/Swap.vue
@@ -63,7 +63,7 @@
         <CannotCoverMinimumMessage :asset="asset" :account-id="account.id" />
       </InfoNotification>
       <InfoNotification v-else-if="ethRequired && !insufficientFundsError">
-        <EthRequiredMessage :account-id="account.id" />
+        <EthRequiredMessage :account-id="account.id" :action="'swap'" />
       </InfoNotification>
       <div class="wrapper form">
         <div class="wrapper_top">