From 07ca18cdbb29b65e46ef4854e2a8c6494af424ee Mon Sep 17 00:00:00 2001
From: Miguel Serrano <mserranom@users.noreply.github.com>
Date: Fri, 8 Oct 2021 11:25:43 +0200
Subject: [PATCH] Added keyboard shortcuts for zoom (#5334)

GitOrigin-RevId: b284f923e9b4aba7837430239b09e05bb0308d09
---
 .../pdf-preview/components/pdf-js-viewer.js   | 27 ++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.js b/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.js
index 26377cdb90..2636ce6e16 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.js
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-js-viewer.js
@@ -228,10 +228,35 @@ function PdfJsViewer({ url }) {
     }
   }, [pdfJsWrapper])
 
+  const handleKeyDown = useCallback(
+    event => {
+      if (!initialised) {
+        return
+      }
+      if ((event.metaKey || event.ctrlKey) && event.key === '=') {
+        event.preventDefault()
+        setZoom('zoom-in')
+      } else if ((event.metaKey || event.ctrlKey) && event.key === '-') {
+        event.preventDefault()
+        setZoom('zoom-out')
+      } else if ((event.metaKey || event.ctrlKey) && event.key === '0') {
+        event.preventDefault()
+        setZoom('fit-width')
+      }
+    },
+    [initialised, setZoom]
+  )
+
   /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
+  /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
   return (
     <div className="pdfjs-viewer" ref={handleContainer}>
-      <div className="pdfjs-viewer-inner" tabIndex="0">
+      <div
+        className="pdfjs-viewer-inner"
+        role="tabpanel"
+        tabIndex="0"
+        onKeyDown={handleKeyDown}
+      >
         <div className="pdfViewer" />
       </div>
       <div className="pdfjs-controls">