From a5ee66985f6c5fc670d423950eefc64a8b687099 Mon Sep 17 00:00:00 2001
From: Jan Michek <15363559+janmichek@users.noreply.github.com>
Date: Thu, 25 Apr 2024 13:37:27 +0200
Subject: [PATCH] fix: Name fee is empty (#729)

---
 src/components/AccountActivityDataCellNameClaimTxEvent.vue | 4 +++-
 src/components/NameHistoryDataCellNameClaimEvent.vue       | 4 +++-
 src/components/TransactionCellNameClaimTx.vue              | 4 +++-
 src/components/TransactionTypeTableNameClaimTx.vue         | 4 +++-
 4 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/AccountActivityDataCellNameClaimTxEvent.vue b/src/components/AccountActivityDataCellNameClaimTxEvent.vue
index 3c49be2dd..80b36dcbb 100644
--- a/src/components/AccountActivityDataCellNameClaimTxEvent.vue
+++ b/src/components/AccountActivityDataCellNameClaimTxEvent.vue
@@ -2,7 +2,9 @@
   <app-link :to="`/names/${activity.payload.tx.name}`">
     {{ activity.payload.tx.name }}
   </app-link>
-  <app-chip size="sm">
+  <app-chip
+    v-if="activity.payload.tx.nameFee"
+    size="sm">
     {{ formatAePrice(formatAettosToAe(activity.payload.tx.nameFee)) }}
   </app-chip>
 </template>
diff --git a/src/components/NameHistoryDataCellNameClaimEvent.vue b/src/components/NameHistoryDataCellNameClaimEvent.vue
index 93977f914..ff121691f 100644
--- a/src/components/NameHistoryDataCellNameClaimEvent.vue
+++ b/src/components/NameHistoryDataCellNameClaimEvent.vue
@@ -4,7 +4,9 @@
     :link-to="`/accounts/${payload.tx.accountId}`"/>
 
   <app-tooltip>
-    <app-chip size="sm">
+    <app-chip
+      v-if="formatAettosToAe(payload.tx.nameFee)"
+      size="sm">
       {{ formatAePrice(formatAettosToAe(payload.tx.nameFee), null) }}
     </app-chip>
     <template #tooltip>
diff --git a/src/components/TransactionCellNameClaimTx.vue b/src/components/TransactionCellNameClaimTx.vue
index 2bb510b20..2d0441885 100644
--- a/src/components/TransactionCellNameClaimTx.vue
+++ b/src/components/TransactionCellNameClaimTx.vue
@@ -9,7 +9,9 @@
       {{ transactionData.name }}
     </app-link>
   </span>
-  <app-chip size="sm">
+  <app-chip
+    v-if="transactionData.nameFee"
+    size="sm">
     {{ formatAePrice(formatAettosToAe(transactionData.nameFee)) }}
   </app-chip>
 </template>
diff --git a/src/components/TransactionTypeTableNameClaimTx.vue b/src/components/TransactionTypeTableNameClaimTx.vue
index 1d3e8ba6a..fb8840a6c 100644
--- a/src/components/TransactionTypeTableNameClaimTx.vue
+++ b/src/components/TransactionTypeTableNameClaimTx.vue
@@ -27,7 +27,9 @@
           </app-link>
         </td>
       </tr>
-      <tr class="transaction-type-panel-name-claim-tx__row">
+      <tr
+        v-if="transactionData.nameFee"
+        class="transaction-type-panel-name-claim-tx__row">
         <th class="transaction-type-panel-name-claim-tx__table-header">
           Activation Price
           <hint-tooltip>