From 95f2d170beacd6893ee0f62bc6dc02e860167b40 Mon Sep 17 00:00:00 2001
From: Radu Mojic <radu.mojic@multiversx.com>
Date: Wed, 4 Feb 2026 14:20:36 +0200
Subject: [PATCH] show 0 Epoch if ready

---
 src/widgets/EpochProgressRing/EpochProgressRing.tsx | 6 +++---
 src/widgets/HeroPills/EpochHeroPill.tsx             | 7 ++++---
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/widgets/EpochProgressRing/EpochProgressRing.tsx b/src/widgets/EpochProgressRing/EpochProgressRing.tsx
index a292fa9e2..c36dc1b3a 100644
--- a/src/widgets/EpochProgressRing/EpochProgressRing.tsx
+++ b/src/widgets/EpochProgressRing/EpochProgressRing.tsx
@@ -13,7 +13,7 @@ export const EpochProgressRing = ({
   showTime = true,
   className
 }: EpochRingType) => {
-  const { epoch, epochPercentage, epochTimeRemaining, roundsLeft } =
+  const { epoch, epochPercentage, epochTimeRemaining, roundsLeft, isReady } =
     useFetchEpochProgress();
 
   return (
@@ -22,13 +22,13 @@ export const EpochProgressRing = ({
         <div className='label' data-testid='currentEpoch'>
           Epoch
           <br />
-          {formatBigNumber({ value: epoch, showEllipsisIfZero: true })}
+          {formatBigNumber({ value: epoch, showEllipsisIfZero: !isReady })}
         </div>
         <div
           className={classNames('description', { 'cursor-context': showTime })}
           {...(showTime ? { title: epochTimeRemaining } : {})}
         >
-          {formatBigNumber({ value: roundsLeft, showEllipsisIfZero: true })}{' '}
+          {formatBigNumber({ value: roundsLeft, showEllipsisIfZero: !isReady })}{' '}
           Rounds Left
         </div>
       </ProgressRing>
diff --git a/src/widgets/HeroPills/EpochHeroPill.tsx b/src/widgets/HeroPills/EpochHeroPill.tsx
index 2b4aa8ad2..cb239d6fe 100644
--- a/src/widgets/HeroPills/EpochHeroPill.tsx
+++ b/src/widgets/HeroPills/EpochHeroPill.tsx
@@ -6,7 +6,7 @@ import { useFetchEpochProgress } from 'hooks';
 import { WithClassnameType } from 'types';
 
 export const EpochHeroPill = ({ className }: WithClassnameType) => {
-  const { epoch, epochPercentage, epochTimeRemaining, roundsLeft } =
+  const { epoch, epochPercentage, epochTimeRemaining, roundsLeft, isReady } =
     useFetchEpochProgress();
 
   return (
@@ -18,10 +18,11 @@ export const EpochHeroPill = ({ className }: WithClassnameType) => {
     >
       <div className='d-flex flex-column lext-left me-3'>
         <div className='label' data-testid='currentEpoch'>
-          Epoch {formatBigNumber({ value: epoch, showEllipsisIfZero: true })}
+          Epoch{' '}
+          {formatBigNumber({ value: epoch, showEllipsisIfZero: !isReady })}
         </div>
         <div className='description cursor-context' title={epochTimeRemaining}>
-          {formatBigNumber({ value: roundsLeft, showEllipsisIfZero: true })}{' '}
+          {formatBigNumber({ value: roundsLeft, showEllipsisIfZero: !isReady })}{' '}
           Rounds Left
         </div>
       </div>