Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 23:49:45 -05:00
Code Issues Activity

⚡ Add performance enhancements to viewport comments layer

Browse source
This commit is contained in:
Andrey Antukh 2024-03-04 14:16:57 +01:00
parent 638cf6daff
commit 4106e8da56
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
frontend/src/app/main/ui/workspace/viewport/comments.cljs
View file

@ -27,8 +27,13 @@
(mf/defc comments-layer
{::mf/props :obj}
[{:keys [vbox vport zoom file-id page-id drawing] :as props}]
(let [pos-x (* (- (:x vbox)) zoom)
pos-y (* (- (:y vbox)) zoom)
(let [vbox-x (dm/get-prop vbox :x)
vbox-y (dm/get-prop vbox :y)
vport-w (dm/get-prop vport :width)
vport-h (dm/get-prop vport :height)
pos-x (* (- vbox-x) zoom)
pos-y (* (- vbox-y) zoom)
profile (mf/deref refs/profile)
users (mf/deref refs/current-file-comments-users)
@ -64,8 +69,8 @@
[:div {:class (stl/css :comments-section)}
[:div
{:class (stl/css :workspace-comments-container)
:style {:width (dm/str (:width vport) "px")
:height (dm/str (:height vport) "px")}}
:style {:width (dm/str vport-w "px")
:height (dm/str vport-h "px")}}
[:div {:class (stl/css :threads)
:style {:transform (dm/fmt "translate(%px, %px)" pos-x pos-y)}}
(for [item threads]