Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-01 11:59:17 -05:00
Code Issues Activity

💄 Add syntax optimization for gradient handlers component

Browse source
This commit is contained in:
Andrey Antukh 2024-12-10 14:04:13 +01:00
parent 848db3f13c
commit 969c6a2e2f
4 changed files with 10 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/main/ui/workspace.cljs
View file

@ -162,7 +162,7 @@
(mf/defc workspace* (mf/defc workspace*
{::mf/wrap-props false {::mf/props :obj
::mf/wrap [mf/memo]} ::mf/wrap [mf/memo]}
[{:keys [project-id file-id page-id layout-name]}] [{:keys [project-id file-id page-id layout-name]}]

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

@ -622,7 +622,7 @@
:hover-disabled? hover-disabled?}])]) :hover-disabled? hover-disabled?}])])
(when show-gradient-handlers? (when show-gradient-handlers?
[:& gradients/gradient-handlers [:> gradients/gradient-handlers*
{:id (first selected) {:id (first selected)
:zoom zoom}]) :zoom zoom}])

12
frontend/src/app/main/ui/workspace/viewport/gradients.cljs
View file

@ -441,8 +441,9 @@
:r (/ 4 zoom) :r (/ 4 zoom)
:fill "var(--app-white)"}]))])) :fill "var(--app-white)"}]))]))
(mf/defc gradient-handlers* (mf/defc gradient-handlers-impl*
[{:keys [zoom stops gradient editing shape] :as kk}] {::mf/props :obj}
[{:keys [zoom stops gradient editing shape]}]
(let [transform (gsh/transform-matrix shape) (let [transform (gsh/transform-matrix shape)
transform-inverse (gsh/inverse-transform-matrix shape) transform-inverse (gsh/inverse-transform-matrix shape)
@ -509,8 +510,9 @@
:on-change-finish on-change-finish :on-change-finish on-change-finish
:on-change-width on-change-width}])) :on-change-width on-change-width}]))
(mf/defc gradient-handlers (mf/defc gradient-handlers*
{::mf/wrap [mf/memo]} {::mf/wrap [mf/memo]
::mf/props :obj}
[{:keys [id zoom]}] [{:keys [id zoom]}]
(let [shape-ref (mf/use-memo (mf/deps id) #(refs/object-by-id id)) (let [shape-ref (mf/use-memo (mf/deps id) #(refs/object-by-id id))
shape (mf/deref shape-ref) shape (mf/deref shape-ref)
@ -520,7 +522,7 @@
editing-stop (:editing-stop state)] editing-stop (:editing-stop state)]
(when (and (some? gradient) (= id (:shape-id gradient))) (when (and (some? gradient) (= id (:shape-id gradient)))
[:& gradient-handlers* [:> gradient-handlers-impl*
{:zoom zoom {:zoom zoom
:gradient gradient :gradient gradient
:stops stops :stops stops

2
frontend/src/app/main/ui/workspace/viewport_wasm.cljs
View file

@ -617,7 +617,7 @@
:hover-disabled? hover-disabled?}])]) :hover-disabled? hover-disabled?}])])
(when show-gradient-handlers? (when show-gradient-handlers?
[:& gradients/gradient-handlers [:> gradients/gradient-handlers*
{:id (first selected) {:id (first selected)
:zoom zoom}]) :zoom zoom}])