From 28b44c0db0ccd80c2c351b34af2091de67ef58e5 Mon Sep 17 00:00:00 2001
From: Alexey <andreewsky.alexey@gmail.com>
Date: Tue, 22 Oct 2024 16:32:32 +0300
Subject: [PATCH 1/3] Update reards count display format

---
 .../frontend/src/app/validator/[hash]/Validator.js     | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/frontend/src/app/validator/[hash]/Validator.js b/packages/frontend/src/app/validator/[hash]/Validator.js
index 19ce4e1d9..7b6822f04 100644
--- a/packages/frontend/src/app/validator/[hash]/Validator.js
+++ b/packages/frontend/src/app/validator/[hash]/Validator.js
@@ -10,7 +10,7 @@ import BlocksList from '../../../components/blocks/BlocksList'
 import TransactionsList from '../../../components/transactions/TransactionsList'
 import BlocksChart from './BlocksChart'
 import Link from 'next/link'
-import { Identifier, DateBlock, Endpoint, IpAddress, InfoLine } from '../../../components/data'
+import { Identifier, DateBlock, Endpoint, IpAddress, InfoLine, Credits } from '../../../components/data'
 import { ValueContainer, PageDataContainer, InfoContainer } from '../../../components/ui/containers'
 import { HorisontalSeparator } from '../../../components/ui/separators'
 import { ValidatorCard } from '../../../components/validators'
@@ -205,7 +205,9 @@ function Validator ({ hash }) {
                 title={'Rewards This Epoch'}
                 value={(
                   <RateTooltip credits={validator.data?.epochReward} rate={rate.data}>
-                    <span>{validator.data?.epochReward}</span>
+                    <span>
+                      <Credits>{validator.data?.epochReward}</Credits>
+                    </span>
                   </RateTooltip>
                 )}
                 loading={validator.loading}
@@ -216,7 +218,9 @@ function Validator ({ hash }) {
                 title={'Total Rewards Earned'}
                 value={(
                   <RateTooltip credits={validator.data?.totalReward} rate={rate.data}>
-                    <span>{validator.data?.totalReward}</span>
+                    <span>
+                      <Credits>{validator.data?.totalReward}</Credits>
+                    </span>
                   </RateTooltip>
                 )}
                 loading={validator.loading}

From e98701b9f23a186c0bed9d4bfaab56c5e3c0b75e Mon Sep 17 00:00:00 2001
From: Alexey <andreewsky.alexey@gmail.com>
Date: Tue, 22 Oct 2024 16:55:12 +0300
Subject: [PATCH 2/3] Update blocks list titles

---
 .../src/components/blocks/BlocksList.js       |  4 ++--
 .../src/components/blocks/BlocksList.scss     | 21 +++++++++++++++++++
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/packages/frontend/src/components/blocks/BlocksList.js b/packages/frontend/src/components/blocks/BlocksList.js
index f943aba1c..27a548d5d 100644
--- a/packages/frontend/src/components/blocks/BlocksList.js
+++ b/packages/frontend/src/components/blocks/BlocksList.js
@@ -20,13 +20,13 @@ function BlocksList ({ blocks = [], columnsCount = 1, size = 'l', headerStyles =
         <GridItem className={'BlocksList__ColumnTitle'}>
           Height
         </GridItem>
-        <GridItem className={'BlocksList__ColumnTitle'}>
+        <GridItem className={'BlocksList__ColumnTitle BlocksList__ColumnTitle--Time'}>
           Time
         </GridItem>
         <GridItem className={'BlocksList__ColumnTitle BlocksList__ColumnTitle--Hash'}>
           Block Hash
         </GridItem>
-        <GridItem className={'BlocksList__ColumnTitle'}>
+        <GridItem className={'BlocksList__ColumnTitle BlocksList__ColumnTitle--Txs'}>
           TXs count
         </GridItem>
       </Grid>
diff --git a/packages/frontend/src/components/blocks/BlocksList.scss b/packages/frontend/src/components/blocks/BlocksList.scss
index 47f81bc84..8eddf71a0 100644
--- a/packages/frontend/src/components/blocks/BlocksList.scss
+++ b/packages/frontend/src/components/blocks/BlocksList.scss
@@ -20,4 +20,25 @@
       text-align: right;
     }
   }
+
+  @media screen and (max-width: 620px) {
+    &__ColumnTitles {
+      grid-template-columns: 70px 90px calc(100% - 160px);
+    }
+
+    &__ColumnTitle {
+      &--Hash {
+        display: none;
+      }
+
+      &--Txs {
+        order: 0;
+        text-align: left !important;
+      }
+
+      &--Time {
+        order: 2;
+      }
+    }
+  }
 }
\ No newline at end of file

From 751cfc81e8e70bddd016d0ccd0c96de995c67a2e Mon Sep 17 00:00:00 2001
From: Alexey <andreewsky.alexey@gmail.com>
Date: Wed, 23 Oct 2024 15:23:37 +0300
Subject: [PATCH 3/3] Add proposed blocs amount field to validator page

---
 packages/frontend/src/app/validator/[hash]/Validator.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/frontend/src/app/validator/[hash]/Validator.js b/packages/frontend/src/app/validator/[hash]/Validator.js
index 7b6822f04..6d359941b 100644
--- a/packages/frontend/src/app/validator/[hash]/Validator.js
+++ b/packages/frontend/src/app/validator/[hash]/Validator.js
@@ -226,6 +226,13 @@ function Validator ({ hash }) {
                 loading={validator.loading}
                 error={validator.error || !(typeof validator.data?.totalReward === 'number')}
               />
+              <InfoLine
+                className={'ValidatorPage__InfoLine'}
+                title={'Blocks proposed'}
+                value={validator.data?.proposedBlocksAmount}
+                loading={validator.loading}
+                error={validator.error || typeof validator.data?.proposedBlocksAmount !== 'number'}
+              />
               <InfoLine
                 className={'ValidatorPage__InfoLine'}
                 title={'Last Proposed Block'}