chore: add coming soon buffer

Magickbase · Nov 15, 2023 · 6fab5c8 · 6fab5c8
1 parent fce3bd3
commit 6fab5c8
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Banner/HalvingBanner.tsx b/src/components/Banner/HalvingBanner.tsx
@@ -34,7 +34,7 @@ function numberToOrdinal(number: number) {
 
 export const HalvingBanner = () => {
   const { estimatedDate, halvingCount, inCelebration, isLoading } = useHalving()
-  const [days, hours, minutes, seconds, expired] = useCountdown(estimatedDate)
+  const [days, hours, minutes, seconds, countdown] = useCountdown(estimatedDate)
   const isMobile = useIsMobile()
   const [t, { language }] = useTranslation()
 
@@ -60,7 +60,7 @@ export const HalvingBanner = () => {
       return t('halving.learn_more')
     }
 
-    if (expired) {
+    if (countdown <= 3) {
       return t('halving.comming_soon')
     }
 

diff --git a/src/pages/Halving/index.tsx b/src/pages/Halving/index.tsx
@@ -54,7 +54,7 @@ export const HalvingCountdownPage = () => {
     (((currentEpoch % EPOCHS_PER_HALVING) * THEORETICAL_EPOCH_TIME - currentEpochUsedTime) /
       (EPOCHS_PER_HALVING * THEORETICAL_EPOCH_TIME)) *
     100
-  const [days, hours, minutes, seconds, expired] = useCountdown(estimatedDate)
+  const [days, hours, minutes, seconds, countdown] = useCountdown(estimatedDate)
 
   const shortCountdown = () => {
     if (days > 0) {
@@ -132,7 +132,7 @@ export const HalvingCountdownPage = () => {
       )
     }
 
-    if (expired) {
+    if (countdown <= 3) {
       return (
         <div className={styles.halvingPanelWrapper}>
           <div className={classnames(styles.halvingPanel, styles.loadingPanel)}>

diff --git a/src/utils/hook.ts b/src/utils/hook.ts
@@ -537,7 +537,7 @@ export function useParsedDate(timestamp: number): string {
   return parseDate(timestamp, now)
 }
 
-export const useCountdown = (targetDate: Date): [number, number, number, number, boolean] => {
+export const useCountdown = (targetDate: Date): [number, number, number, number, number] => {
   const countdownDate = new Date(targetDate).getTime()
 
   const [countdown, setCountdown] = useState(countdownDate - new Date().getTime())
@@ -556,7 +556,7 @@ export const useCountdown = (targetDate: Date): [number, number, number, number,
   const minutes = expired ? 0 : Math.floor((countdown % (1000 * 60 * 60)) / (1000 * 60))
   const seconds = expired ? 0 : Math.floor((countdown % (1000 * 60)) / 1000)
 
-  return [days, hours, minutes, seconds, expired]
+  return [days, hours, minutes, seconds, countdown]
 }
 
 export const useCurrentEpochOverTime = (theoretical: boolean) => {
@@ -617,7 +617,7 @@ export const useSingleHalving = (_halvingCount = 1) => {
 
   // special handling for last epoch: https://github.com/Magickbase/ckb-explorer-public-issues/issues/483
   const { currentEpochEstimatedTime, currentEpochUsedTime, isLoading } = useCurrentEpochOverTime(
-    !(currentEpoch === targetEpoch - 1 && epochBlockIndex / epochLength > 0.5),
+    !(currentEpoch === targetEpoch - 1 && epochBlockIndex / epochLength > 0.2),
   )
 
   const estimatedTime = currentEpochEstimatedTime + THEORETICAL_EPOCH_TIME * (targetEpoch - currentEpoch - 1)