CalvinBackup/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-04-11 13:52:20 +02:00
Code Issues Packages Projects Releases Wiki Activity

♻️ Convert value-saturation-selector to modern rumext * format

Browse Source 
Rename to value-saturation-selector*, update internal call site to
[:> value-saturation-selector* ...], and update slider-selector call
sites to [:> slider-selector* ...].
This commit is contained in:
Andrey Antukh
2026-04-02 16:26:37 +00:00
parent 543a57c337
commit 836db2cdac
1 changed files with 15 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
frontend/src/app/main/ui/workspace/colorpicker/ramp.cljs
View File

@@ -11,11 +11,11 @@
[app.common.math :as mth]
[app.common.types.color :as cc]
[app.main.ui.components.color-bullet :as cb]
[app.main.ui.workspace.colorpicker.slider-selector :refer [slider-selector]]
[app.main.ui.workspace.colorpicker.slider-selector :refer [slider-selector*]]
[app.util.dom :as dom]
[rumext.v2 :as mf]))
(mf/defc value-saturation-selector [{:keys [saturation value on-change on-start-drag on-finish-drag]}]
(mf/defc value-saturation-selector* [{:keys [saturation value on-change on-start-drag on-finish-drag]}]
(let [dragging?* (mf/use-state false)
dragging? (deref dragging?*)
calculate-pos
@@ -127,7 +127,7 @@
(reset! internal-color* (enrich-color-map color))))
[:*
[:& value-saturation-selector
[:> value-saturation-selector*
{:hue h
:saturation s
:value v
@@ -140,17 +140,17 @@
[:& cb/color-bullet {:color bullet-color
:area true}]
[:div {:class (stl/css :sliders-wrapper)}
[:& slider-selector {:type :hue
:max-value 360
:value h
:on-change on-change-hue
:on-start-drag on-start-drag
:on-finish-drag on-finish-drag}]
[:> slider-selector* {:type :hue
:max-value 360
:value h
:on-change on-change-hue
:on-start-drag on-start-drag
:on-finish-drag on-finish-drag}]
(when (not disable-opacity)
[:& slider-selector {:type :opacity
:max-value 1
:value alpha
:on-change on-change-opacity
:on-start-drag on-start-drag
:on-finish-drag on-finish-drag}])]]]))
[:> slider-selector* {:type :opacity
:max-value 1
:value alpha
:on-change on-change-opacity
:on-start-drag on-start-drag
:on-finish-drag on-finish-drag}])]]]))