From 868af29d148f6b111a3474b8cba1cd5791898c60 Mon Sep 17 00:00:00 2001
From: Andrey Antukh <niwi@niwi.nz>
Date: Fri, 23 Aug 2024 09:58:05 +0200
Subject: [PATCH] :lipstick: Add some cosmetic changes to sidebar ns

---
 .../src/app/main/ui/workspace/sidebar.cljs    | 63 +++++++++----------
 1 file changed, 28 insertions(+), 35 deletions(-)

diff --git a/frontend/src/app/main/ui/workspace/sidebar.cljs b/frontend/src/app/main/ui/workspace/sidebar.cljs
index 4cfff5949..5b05aa25a 100644
--- a/frontend/src/app/main/ui/workspace/sidebar.cljs
+++ b/frontend/src/app/main/ui/workspace/sidebar.cljs
@@ -73,47 +73,40 @@
         on-tab-change
         (mf/use-fn #(st/emit! (dw/go-to-layout (keyword %))))
 
-        tabs (if ^boolean mode-inspect?
-               #js [#js {:label (tr "workspace.sidebar.layers")
-                         :id "layers"
-                         :content (mf/html [:article {:class (stl/css :layers-tab)
-                                                      :style #js {"--height" (str size-pages "px")}}
+        layers-tab
+        (mf/html
+         [:article {:class (stl/css :layers-tab)
+                    :style #js {"--height" (str size-pages "px")}}
 
-                                            [:& sitemap {:layout layout
-                                                         :toggle-pages toggle-pages
-                                                         :show-pages? @show-pages?
-                                                         :size size-pages}]
+          [:& sitemap {:layout layout
+                       :toggle-pages toggle-pages
+                       :show-pages? @show-pages?
+                       :size size-pages}]
 
-                                            (when @show-pages?
-                                              [:div {:class (stl/css :resize-area-horiz)
-                                                     :on-pointer-down on-pointer-down-pages
-                                                     :on-lost-pointer-capture on-lost-pointer-capture-pages
-                                                     :on-pointer-move on-pointer-move-pages}])
+          (when @show-pages?
+            [:div {:class (stl/css :resize-area-horiz)
+                   :on-pointer-down on-pointer-down-pages
+                   :on-lost-pointer-capture on-lost-pointer-capture-pages
+                   :on-pointer-move on-pointer-move-pages}])
 
-                                            [:& layers-toolbox {:size-parent size
-                                                                :size size-pages}]])}]
-               #js [#js {:label (tr "workspace.sidebar.layers")
-                         :id "layers"
-                         :content (mf/html [:article {:class (stl/css :layers-tab)
-                                                      :style #js {"--height" (str size-pages "px")}}
+          [:& layers-toolbox {:size-parent size
+                              :size size-pages}]])
 
-                                            [:& sitemap {:layout layout
-                                                         :toggle-pages toggle-pages
-                                                         :show-pages? @show-pages?
-                                                         :size size-pages}]
 
-                                            (when @show-pages?
-                                              [:div {:class (stl/css :resize-area-horiz)
-                                                     :on-pointer-down on-pointer-down-pages
-                                                     :on-lost-pointer-capture on-lost-pointer-capture-pages
-                                                     :on-pointer-move on-pointer-move-pages}])
-
-                                            [:& layers-toolbox {:size-parent size
-                                                                :size size-pages}]])}
-                    #js {:label (tr "workspace.toolbar.assets")
-                         :id "assets"
-                         :content (mf/html [:& assets-toolbox {:size (- size 58)}])}])]
+        assets-tab
+        (mf/html [:& assets-toolbox {:size (- size 58)}])
 
+        tabs
+        (if ^boolean mode-inspect?
+          #js [#js {:label (tr "workspace.sidebar.layers")
+                    :id "layers"
+                    :content layers-tab}]
+          #js [#js {:label (tr "workspace.sidebar.layers")
+                    :id "layers"
+                    :content layers-tab}
+               #js {:label (tr "workspace.toolbar.assets")
+                    :id "assets"
+                    :content assets-tab}])]
 
     [:& (mf/provider muc/sidebar) {:value :left}
      [:aside {:ref parent-ref