fix: no labels before last turbine of catching up phase

Author: asuzuki-jumptrading

src/features/Overview/ShredsProgression/atoms.ts

@@ -4,6 +4,7 @@ import { maxShredEvent, ShredEvent } from "../../../api/entities";
 import { delayMs, xRangeMs } from "./const";
 import { nsPerMs, slotsPerLeader } from "../../../consts";
 import { getSlotGroupLeader } from "../../../utils";
+import { startupFinalTurbineHeadAtom } from "../../StartupProgress/atoms";
 
 type ShredEventTsDeltaMs = number | undefined;
 /**
@@ -40,17 +41,32 @@ export function createLiveShredsAtoms() {
     min: number;
     max: number;
   }>();
+  const rangeAfterStartupAtom = atom((get) => {
+    const range = get(_slotRangeAtom);
+    const startupFinalTurbineHead = get(startupFinalTurbineHeadAtom);
+    if (!range || startupFinalTurbineHead == null) return undefined;
+
+    return {
+      min: Math.max(startupFinalTurbineHead + 1, range.min),
+      max: Math.max(startupFinalTurbineHead + 1, range.max),
+    };
+  });
   return {
     /**
      * min completed slot we've seen since we started collecting data
      */
     minCompletedSlot: atom((get) => get(_minCompletedSlotAtom)),
     range: atom((get) => get(_slotRangeAtom)),
+    rangeAfterStartup: rangeAfterStartupAtom,
+    // leader slots after turbine head at the end of startup
     groupLeaderSlots: atom((get) => {
-      const range = get(_slotRangeAtom);
-      if (!range) return [];
+      const range = get(rangeAfterStartupAtom);
+      const startupFinalTurbineHead = get(startupFinalTurbineHeadAtom);
+      if (!range || startupFinalTurbineHead == null) return [];
 
-      const slots = [getSlotGroupLeader(range.min)];
+      const min = Math.max(startupFinalTurbineHead + 1, range.min);
+
+      const slots = [getSlotGroupLeader(min)];
       while (slots[slots.length - 1] + slotsPerLeader - 1 < range.max) {
         slots.push(
           getSlotGroupLeader(slots[slots.length - 1] + slotsPerLeader),

src/features/Overview/ShredsProgression/shredsProgressionPlugin.ts

@@ -53,6 +53,7 @@ export function shredsProgressionPlugin(
           const slotRange = store.get(atoms.range);
           const minCompletedSlot = store.get(atoms.minCompletedSlot);
           const skippedSlotsCluster = store.get(skippedClusterSlotsAtom);
+          const rangeAfterStartup = store.get(atoms.rangeAfterStartup);
 
           const maxX = u.scales[shredsXScaleKey].max;
 
@@ -67,6 +68,8 @@ export function shredsProgressionPlugin(
             // depending on connection time. Ignore those slots, and only draw slots
             // from min completed.
             if (minCompletedSlot == null) return;
+
+            if (!rangeAfterStartup) return;
           }
 
           // Offset to convert shred event delta to chart x value
@@ -183,9 +186,9 @@ export function shredsProgressionPlugin(
 
           u.ctx.restore();
 
-          if (!isOnStartupScreen) {
+          if (!isOnStartupScreen && rangeAfterStartup) {
             updateLabels(
-              slotRange,
+              rangeAfterStartup,
               liveShreds.slots,
               skippedSlotsCluster,
               u,