From b84ffbb8bc0fc634c007f437eb708102c3a6d552 Mon Sep 17 00:00:00 2001
From: Abhinav <abhinavk.grd@gmail.com>
Date: Thu, 17 Mar 2022 17:04:49 +0530
Subject: [PATCH] disable right click menu for images

---
 src/components/PhotoFrame.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/PhotoFrame.tsx b/src/components/PhotoFrame.tsx
index 8c4eff47e..39fd968af 100644
--- a/src/components/PhotoFrame.tsx
+++ b/src/components/PhotoFrame.tsx
@@ -260,7 +260,7 @@ const PhotoFrame = ({
             if (file.metadata.fileType === FILE_TYPE.VIDEO && !file.html) {
                 file.html = `
                 <div class="pswp-item-container">
-                    <img src="${url}" />
+                    <img src="${url}" onContextMenu="return false;"/>
                     <div class="spinner-border text-light" role="status">
                         <span class="sr-only">Loading...</span>
                     </div>
@@ -272,7 +272,7 @@ const PhotoFrame = ({
             ) {
                 file.html = `
                 <div class="pswp-item-container">
-                    <img src="${url}" />
+                    <img src="${url}" onContextMenu="return false;"/>
                     <div class="spinner-border text-light" role="status">
                         <span class="sr-only">Loading...</span>
                     </div>
@@ -305,7 +305,7 @@ const PhotoFrame = ({
             if (file.metadata.fileType === FILE_TYPE.VIDEO) {
                 if (isPlayable) {
                     file.html = `
-            <video controls>
+            <video controls onContextMenu="return false;">
                 <source src="${videoURL}" />
                 Your browser does not support the video tag.
             </video>
@@ -313,7 +313,7 @@ const PhotoFrame = ({
                 } else {
                     file.html = `
             <div class="pswp-item-container">
-                <img src="${file.msrc}" />
+                <img src="${file.msrc}" onContextMenu="return false;"/>
                 <div class="download-banner" >
                     ${constants.VIDEO_PLAYBACK_FAILED_DOWNLOAD_INSTEAD}
                     <a class="btn btn-outline-success" href=${videoURL} download="${file.metadata.title}"">Download</a>
@@ -325,8 +325,8 @@ const PhotoFrame = ({
                 if (isPlayable) {
                     file.html = `
                 <div class = 'pswp-item-container'>
-                    <img id = "live-photo-image-${file.id}" src="${imageURL}" />
-                    <video id = "live-photo-video-${file.id}" loop muted>
+                    <img id = "live-photo-image-${file.id}" src="${imageURL}" onContextMenu="return false;"/>
+                    <video id = "live-photo-video-${file.id}" loop muted onContextMenu="return false;">
                         <source src="${videoURL}" />
                         Your browser does not support the video tag.
                     </video>
@@ -335,7 +335,7 @@ const PhotoFrame = ({
                 } else {
                     file.html = `
                 <div class="pswp-item-container">
-                    <img src="${file.msrc}" />
+                    <img src="${file.msrc}" onContextMenu="return false;"/>
                     <div class="download-banner">
                         ${constants.VIDEO_PLAYBACK_FAILED_DOWNLOAD_INSTEAD}
                         <button class = "btn btn-outline-success" id = "download-btn-${file.id}">Download</button>