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 = ({
Epoch
- {formatBigNumber({ value: epoch, showEllipsisIfZero: true })} + {formatBigNumber({ value: epoch, showEllipsisIfZero: !isReady })}
- {formatBigNumber({ value: roundsLeft, showEllipsisIfZero: true })}{' '} + {formatBigNumber({ value: roundsLeft, showEllipsisIfZero: !isReady })}{' '} Rounds Left
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) => { >
- Epoch {formatBigNumber({ value: epoch, showEllipsisIfZero: true })} + Epoch{' '} + {formatBigNumber({ value: epoch, showEllipsisIfZero: !isReady })}
- {formatBigNumber({ value: roundsLeft, showEllipsisIfZero: true })}{' '} + {formatBigNumber({ value: roundsLeft, showEllipsisIfZero: !isReady })}{' '} Rounds Left