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

…1422) (cherry picked from commit 585d514)
kibanamachine · Sep 22, 2022 · fcb6e9f · fcb6e9f
1 parent 9e8d668
commit fcb6e9f
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,