From 0f8e3cb0ef263d4a6b7656791c97709cceb97847 Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Thu, 22 Feb 2024 12:44:14 +0800
Subject: [PATCH] get the report id correctly

---
 .../HTMLRenderers/VideoRenderer.tsx           | 32 ++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/src/components/HTMLEngineProvider/HTMLRenderers/VideoRenderer.tsx b/src/components/HTMLEngineProvider/HTMLRenderers/VideoRenderer.tsx
index 2e47b97ec7af..43d1be85d21a 100644
--- a/src/components/HTMLEngineProvider/HTMLRenderers/VideoRenderer.tsx
+++ b/src/components/HTMLEngineProvider/HTMLRenderers/VideoRenderer.tsx
@@ -1,8 +1,8 @@
 import React from 'react';
 import type {CustomRendererProps, TBlock} from 'react-native-render-html';
+import {ShowContextMenuContext} from '@components/ShowContextMenuContext';
 import VideoPlayerPreview from '@components/VideoPlayerPreview';
 import * as FileUtils from '@libs/fileDownload/FileUtils';
-import {parseReportRouteParams} from '@libs/ReportUtils';
 import tryResolveUrlFromApiRoot from '@libs/tryResolveUrlFromApiRoot';
 import Navigation from '@navigation/Navigation';
 import CONST from '@src/CONST';
@@ -22,22 +22,24 @@ function VideoRenderer({tnode, key}: VideoRendererProps) {
     const width = Number(htmlAttribs[CONST.ATTACHMENT_THUMBNAIL_WIDTH_ATTRIBUTE]);
     const height = Number(htmlAttribs[CONST.ATTACHMENT_THUMBNAIL_HEIGHT_ATTRIBUTE]);
     const duration = Number(htmlAttribs[CONST.ATTACHMENT_DURATION_ATTRIBUTE]);
-    const activeRoute = Navigation.getActiveRoute();
-    const {reportID} = parseReportRouteParams(activeRoute);
 
     return (
-        <VideoPlayerPreview
-            key={key}
-            videoUrl={sourceURL}
-            fileName={fileName}
-            thumbnailUrl={thumbnailUrl}
-            videoDimensions={{width, height}}
-            videoDuration={duration}
-            onShowModalPress={() => {
-                const route = ROUTES.REPORT_ATTACHMENTS.getRoute(reportID, sourceURL);
-                Navigation.navigate(route);
-            }}
-        />
+        <ShowContextMenuContext.Consumer>
+            {({report}) => (
+                <VideoPlayerPreview
+                    key={key}
+                    videoUrl={sourceURL}
+                    fileName={fileName}
+                    thumbnailUrl={thumbnailUrl}
+                    videoDimensions={{width, height}}
+                    videoDuration={duration}
+                    onShowModalPress={() => {
+                        const route = ROUTES.REPORT_ATTACHMENTS.getRoute(report?.reportID ?? '', sourceURL);
+                        Navigation.navigate(route);
+                    }}
+                />
+            )}
+        </ShowContextMenuContext.Consumer>
     );
 }