From 7996f9fcf558effaa488018812510a2278c253b8 Mon Sep 17 00:00:00 2001
From: MauserBitfly <125363940+MauserBitfly@users.noreply.github.com>
Date: Tue, 11 Jun 2024 15:28:59 +0200
Subject: [PATCH] label pending cl rewards on blocks table (#427)

* label pending cl rewards on blocks table

* Fix logic and styling

---------

Co-authored-by: D13ce <stefan.benker@bitfly.at>
---
 frontend/components/block/table/BlockTableRewardItem.vue | 8 +++++---
 frontend/i18n/en.json                                    | 4 +++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/components/block/table/BlockTableRewardItem.vue b/frontend/components/block/table/BlockTableRewardItem.vue
index d7effd601..166f7cda8 100644
--- a/frontend/components/block/table/BlockTableRewardItem.vue
+++ b/frontend/components/block/table/BlockTableRewardItem.vue
@@ -11,7 +11,8 @@ defineProps<Props>()
 <template>
   <BcTooltip v-if="status === 'success' && reward" class="combine-rewards">
     <BcFormatValue :value="reward?.el" :no-tooltip="true" />
-    <BcFormatValue :value="reward?.cl" :no-tooltip="true" />
+    <BcFormatValue v-if="reward?.cl && reward.cl != '0'" :value="reward?.cl" :no-tooltip="true" />
+    <span v-else>{{ $t('dashboard.validator.blocks.cl_pending') }}</span>
     <template #tooltip>
       <div>
         <div class="tt-row">
@@ -20,7 +21,8 @@ defineProps<Props>()
         </div>
         <div class="tt-row">
           <span>{{ $t('dashboard.validator.blocks.cl_rewards') }}: </span>
-          <BcFormatValue :value="reward?.cl" :no-tooltip="true" :full-value="true" />
+          <BcFormatValue v-if="reward?.cl && reward.cl != '0'" :value="reward?.cl" :no-tooltip="true" :full-value="true" />
+          <span v-else>{{ $t('dashboard.validator.blocks.pending') }}</span>
         </div>
       </div>
     </template>
@@ -40,7 +42,7 @@ defineProps<Props>()
   display: inline-flex;
   flex-direction: column;
 
-  >div:last-child {
+  >div:last-child, >span:last-child {
     font-size: var(--small_text_font_size);
     color: var(--text-color-discreet);
   }
diff --git a/frontend/i18n/en.json b/frontend/i18n/en.json
index 5022a7f06..d20ec02fe 100644
--- a/frontend/i18n/en.json
+++ b/frontend/i18n/en.json
@@ -333,7 +333,9 @@
         "search_placeholder": "Index, Public Key, Group",
         "search_placeholder_public": "Index, Public Key",
         "el_rewards": "Execution Layer Reward",
-        "cl_rewards": "Consensus Layer Reward"
+        "cl_rewards": "Consensus Layer Reward",
+        "cl_pending": "CL Pending",
+        "pending": "Pending"
       },
       "rewards": {
         "title": "Rewards",