From 197f79c9337f384d73138f71ea60cea81f605076 Mon Sep 17 00:00:00 2001
From: Pavel Feldman <pavel.feldman@gmail.com>
Date: Wed, 23 Aug 2023 12:55:01 -0700
Subject: [PATCH] chore: show action on hover even if there is no film (#26655)

---
 packages/trace-viewer/src/ui/filmStrip.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/trace-viewer/src/ui/filmStrip.tsx b/packages/trace-viewer/src/ui/filmStrip.tsx
index d5688354a2..cbd2fb8d4f 100644
--- a/packages/trace-viewer/src/ui/filmStrip.tsx
+++ b/packages/trace-viewer/src/ui/filmStrip.tsx
@@ -70,15 +70,15 @@ export const FilmStrip: React.FunctionComponent<{
         key={index}
       />)
     }</div>
-    {previewImage && previewSize && previewPoint?.x !== undefined &&
+    {previewPoint?.x !== undefined &&
       <div className='film-strip-hover' style={{
         top: measure.bottom + 5,
-        left: Math.min(previewPoint!.x, measure.width - previewSize.width - 10),
+        left: Math.min(previewPoint!.x, measure.width - (previewSize ? previewSize.width : 0) - 10),
       }}>
         {previewPoint.action && <div className='film-strip-hover-title'>{renderAction(previewPoint.action, previewPoint.sdkLanguage)}</div>}
-        <div style={{ width: previewSize.width, height: previewSize.height }}>
+        {previewImage && previewSize && <div style={{ width: previewSize.width, height: previewSize.height }}>
           <img src={`sha1/${previewImage.sha1}`} width={previewSize.width} height={previewSize.height} />
-        </div>
+        </div>}
       </div>
     }
   </div>;