github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-09-19 02:16:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 Add minor cosmetic changes to filters-tree component

Browse Source
This commit is contained in:
Andrey Antukh 2026-02-05 13:21:02 +01:00
parent 6072234230
commit a728d5a5f2
1 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/app/main/ui/workspace/sidebar/layers.cljs
View File

@ -41,7 +41,7 @@
(not-empty))) (not-empty)))
refs/workspace-local)) refs/workspace-local))
(defn use-selected-shapes (defn- use-selected-shapes
"A convencience hook wrapper for get selected shapes" "A convencience hook wrapper for get selected shapes"
[] []
(let [selected (mf/deref refs/selected-shapes)] (let [selected (mf/deref refs/selected-shapes)]
@ -162,13 +162,12 @@
[:> layers-tree* props])) [:> layers-tree* props]))
(mf/defc filters-tree (mf/defc filters-tree*
{::mf/wrap [mf/memo #(mf/throttle % 200)] {::mf/wrap [mf/memo #(mf/throttle % 300)]
::mf/wrap-props false} ::mf/private true}
[{:keys [objects parent-size]}] [{:keys [objects parent-size]}]
(let [selected (mf/deref refs/selected-shapes) (let [selected (use-selected-shapes)
selected (hooks/use-equal-memo selected) root (get objects uuid/zero)]
root (get objects uuid/zero)]
[:ul {:class (stl/css :element-list)} [:ul {:class (stl/css :element-list)}
(for [[index id] (d/enumerate (:shapes root))] (for [[index id] (d/enumerate (:shapes root))]
(when-let [obj (get objects id)] (when-let [obj (get objects id)]
@ -540,7 +539,8 @@
observer-var (mf/use-var nil) observer-var (mf/use-var nil)
lazy-load-ref (mf/use-ref nil) lazy-load-ref (mf/use-ref nil)
[filtered-objects show-more filter-component] (use-search page objects) [filtered-objects show-more filter-component]
(use-search page objects)
intersection-callback intersection-callback
(fn [entries] (fn [entries]
@ -586,9 +586,9 @@
[:div {:class (stl/css :tool-window-content) [:div {:class (stl/css :tool-window-content)
:data-scroll-container true :data-scroll-container true
:ref on-render-container} :ref on-render-container}
[:& filters-tree {:objects filtered-objects [:> filters-tree* {:objects filtered-objects
:key (dm/str (:id page)) :key (dm/str page-id)
:parent-size size-parent}] :parent-size size-parent}]
[:div {:ref lazy-load-ref}]] [:div {:ref lazy-load-ref}]]
[:div {:on-scroll on-scroll [:div {:on-scroll on-scroll
:class (stl/css :tool-window-content) :class (stl/css :tool-window-content)