From e34e4fad6c957801e328d04463008d41e6cefdc9 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Wed, 12 Feb 2025 16:03:55 +0100
Subject: [PATCH] ui: fallback for hl

---
 .../app/components/Session_/Highlight/HighlightPanel.tsx     | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/app/components/Session_/Highlight/HighlightPanel.tsx b/frontend/app/components/Session_/Highlight/HighlightPanel.tsx
index b806b3c8f..48d8910f6 100644
--- a/frontend/app/components/Session_/Highlight/HighlightPanel.tsx
+++ b/frontend/app/components/Session_/Highlight/HighlightPanel.tsx
@@ -115,6 +115,9 @@ function HighlightPanel({ onClose }: { onClose: () => void }) {
       let thumbnail;
       if (playerContainer) {
         thumbnail = await elementToCanvas(playerContainer);
+        if (!thumbnail) {
+          thumbnail = await elementToImage(playerContainer);
+        }
       }
       const note = {
         message,
@@ -261,7 +264,7 @@ async function elementToImage(el: Document) {
     canvas.getContext('2d').drawImage(bitmap, 0, 0);
     return canvas.toDataURL('image/png');
   } catch (e) {
-    return elementToCanvas(el);
+    toast.error('Failed to capture screen image');
   }
 }