From bd2ea48969e681dd3438bc2b33b26055d17ef018 Mon Sep 17 00:00:00 2001
From: Andrey Antukh <niwi@niwi.nz>
Date: Fri, 3 Apr 2020 12:16:16 +0200
Subject: [PATCH] :sparkles: Improve user interactions with thumbnails panel.

---
 .../src/uxbox/main/ui/viewer/thumbnails.cljs   | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/src/uxbox/main/ui/viewer/thumbnails.cljs b/frontend/src/uxbox/main/ui/viewer/thumbnails.cljs
index 0920919b16..85c9b823eb 100644
--- a/frontend/src/uxbox/main/ui/viewer/thumbnails.cljs
+++ b/frontend/src/uxbox/main/ui/viewer/thumbnails.cljs
@@ -121,16 +121,28 @@
         page-id   (get-in data [:page :id])
 
         on-close #(st/emit! dv/toggle-thumbnails-panel)
+        selected (mf/use-var false)
+
+        on-mouse-leave
+        (fn [event]
+          (when @selected
+            (on-close)))
 
         on-item-click
         (fn [event index]
+          (compare-and-set! selected false true)
           (st/emit! (rt/nav :viewer {:page-id page-id
-                                     :index index})))]
+                                     :index index}))
+          (when @expanded?
+            (on-close)))]
     [:& dropdown' {:on-close on-close
                    :container container
                    :show true}
-     [:section.viewer-thumbnails {:class (classnames :expanded @expanded?)
-                                  :ref container}
+     [:section.viewer-thumbnails
+      {:class (classnames :expanded @expanded?)
+       :ref container
+       :on-mouse-leave on-mouse-leave}
+
       [:& thumbnails-summary {:on-toggle-expand #(swap! expanded? not)
                               :on-close on-close
                               :total (count (:frames data))}]