From d589f19be47f901d28839e26ce870c2909f1de8d Mon Sep 17 00:00:00 2001
From: Andrey Antukh <niwi@niwi.nz>
Date: Fri, 3 Apr 2020 11:30:13 +0200
Subject: [PATCH] :tada: Add basic zoom shortcuts to viewer.

---
 frontend/src/uxbox/main/data/viewer.cljs | 9 +++++++++
 frontend/src/uxbox/main/ui/viewer.cljs   | 6 ++++--
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/src/uxbox/main/data/viewer.cljs b/frontend/src/uxbox/main/data/viewer.cljs
index babee28e4..978424869 100644
--- a/frontend/src/uxbox/main/data/viewer.cljs
+++ b/frontend/src/uxbox/main/data/viewer.cljs
@@ -14,6 +14,7 @@
    [potok.core :as ptk]
    [uxbox.main.constants :as c]
    [uxbox.main.repo :as rp]
+   [uxbox.main.store :as st]
    [uxbox.common.spec :as us]
    [uxbox.common.pages :as cp]
    [uxbox.common.data :as d]
@@ -129,3 +130,11 @@
     ptk/UpdateEvent
     (update [_ state]
       (update-in state [:viewer-local :show-thumbnails] not))))
+
+
+(def shortcuts
+  {"+" #(st/emit! increase-zoom)
+   "-" #(st/emit! decrease-zoom)
+   "shift+0" #(st/emit! zoom-to-50)
+   "shift+1" #(st/emit! reset-zoom)
+   "shift+2" #(st/emit! zoom-to-200)})
diff --git a/frontend/src/uxbox/main/ui/viewer.cljs b/frontend/src/uxbox/main/ui/viewer.cljs
index 8b41c4ac7..aeb11d50a 100644
--- a/frontend/src/uxbox/main/ui/viewer.cljs
+++ b/frontend/src/uxbox/main/ui/viewer.cljs
@@ -19,10 +19,11 @@
    [uxbox.common.exceptions :as ex]
    [uxbox.main.ui.keyboard :as kbd]
    [uxbox.main.ui.components.dropdown :refer [dropdown]]
-   [uxbox.main.data.viewer :as vd]
+   [uxbox.main.data.viewer :as dv]
    [uxbox.main.ui.viewer.header :refer [header]]
    [uxbox.main.ui.viewer.thumbnails :refer [thumbnails-panel frame-svg]]
    [uxbox.util.dom :as dom]
+   [uxbox.main.ui.react-hooks :as hooks]
    [uxbox.util.data :refer [classnames]]
    [uxbox.util.i18n :as i18n :refer [t tr]]
    [uxbox.util.math :as mth]
@@ -61,6 +62,7 @@
               (events/unlistenByKey key1))))]
 
     (mf/use-effect on-mount)
+    (hooks/use-shortcuts dv/shortcuts)
 
     [:div.viewer-layout
      [:& header {:data data
@@ -87,7 +89,7 @@
 
 (mf/defc viewer-page
   [{:keys [page-id index] :as props}]
-  (mf/use-effect (mf/deps page-id) #(st/emit! (vd/initialize page-id)))
+  (mf/use-effect (mf/deps page-id) #(st/emit! (dv/initialize page-id)))
   (let [data (mf/deref viewer-data-ref)
         local (mf/deref viewer-local-ref)]
     (when data