use event.nativeEvent.button to detect right click

niteshc132 · Jul 19, 2023 · 0201627 · 0201627
1 parent 5a7c3f0
commit 0201627
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/routes/MetaDetails/VideosList/Video/Video.js b/src/routes/MetaDetails/VideosList/Video/Video.js
@@ -24,6 +24,13 @@ const Video = ({ className, id, title, thumbnail, episode, released, upcoming, w
     const popupLabelOnContextMenu = React.useCallback((event) => {
         if (!event.nativeEvent.togglePopupPrevented && !event.nativeEvent.ctrlKey) {
             event.preventDefault();
+            if (event.nativeEvent.pointerType === 'mouse' || event.nativeEvent.button === 2) {
+                toggleMenu();
+            }
+        }
+    }, [toggleMenu]);
+    const popupLabelOnLongPress = React.useCallback((event) => {
+        if (event.nativeEvent.pointerType !== 'mouse' && !event.nativeEvent.togglePopupPrevented) {
             toggleMenu();
         }
     }, [toggleMenu]);
@@ -167,6 +174,7 @@ const Video = ({ className, id, title, thumbnail, episode, released, upcoming, w
             {...props}
             onClick={popupLabelOnClick}
             onContextMenu={popupLabelOnContextMenu}
+            onLongPress={popupLabelOnLongPress}
             open={menuOpen}
             onCloseRequest={closeMenu}
             renderLabel={renderLabel}