Fix Next and Previous button on step screenshot carousel. (elastic#14…

…1422)
jloleysens · Sep 22, 2022 · 585d514 · 585d514
1 parent 37d6b9d
commit 585d514
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/...blic/legacy_uptime/components/monitor/ping_list/columns/ping_timestamp/ping_timestamp.tsx b/...blic/legacy_uptime/components/monitor/ping_list/columns/ping_timestamp/ping_timestamp.tsx
@@ -63,8 +63,11 @@ export const PingTimestamp = ({
 
   const [screenshotRef, setScreenshotRef] = useState<ScreenshotRefImageData | undefined>(undefined);
 
+  const isScreenshotRefValid = Boolean(
+    screenshotRef && screenshotRef?.ref?.screenshotRef?.synthetics?.step?.index === stepNumber
+  );
   const { data, loading } = useInProgressImage({
-    hasImage: Boolean(stepImages[stepNumber - 1]) || Boolean(screenshotRef),
+    hasImage: Boolean(stepImages[stepNumber - 1]) || isScreenshotRefValid,
     hasIntersected: Boolean(intersection && intersection.intersectionRatio === 1),
     stepStatus,
     imgPath,