johanels/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-12-12 06:24:17 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

⚡ Add minor optimization to token-pill component

Browse Source
This commit is contained in:
Andrey Antukh
2025-02-05 18:12:14 +01:00
parent 05a459ea19
commit f0e5196659
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/app/main/ui/workspace/tokens/token_pill.cljs
View File

@@ -9,6 +9,7 @@
[app.common.data.macros :as dm]
[app.main.style :as stl])
(:require
[app.common.data :as d]
[app.common.files.helpers :as cfh]
[app.main.refs :as refs]
[app.main.ui.components.color-bullet :refer [color-bullet]]
@@ -157,15 +158,11 @@
shape-ids (into #{} xf:map-id selected-shapes)]
(wtt/shapes-applied-all? ids-by-attributes shape-ids attributes)))
(mf/defc token-pill*
{::mf/wrap [mf/memo]}
[{:keys [on-click token on-context-menu selected-shapes active-theme-tokens]}]
(let [{:keys [name value errors]} token
token
(or (get active-theme-tokens (:name token)) token)
has-selected? (pos? (count selected-shapes))
is-reference? (wtt/is-reference? token)
contains-path? (str/includes? name ".")
@@ -175,12 +172,12 @@
full-applied?
(if has-selected?
(applied-all-attributes? token selected-shapes (or all-attributes attributes))
(applied-all-attributes? token selected-shapes (d/nilv all-attributes attributes))
true)
applied?
(if has-selected?
(wtt/shapes-token-applied? token selected-shapes (or all-attributes attributes))
(wtt/shapes-token-applied? token selected-shapes (d/nilv all-attributes attributes))
false)
half-applied?
@@ -196,11 +193,16 @@
(not (contains-reference-value? value active-theme-tokens)))
no-valid-value (seq errors)
errors? (or ref-not-in-active-set
errors?
(or ref-not-in-active-set
no-valid-value)
color (when (wtt/color-token? token)
(wtt/resolved-token-bullet-color token))
color
(when (wtt/color-token? token)
(let [theme-token (get active-theme-tokens (:name token))]
(or (wtt/resolved-token-bullet-color theme-token)
(wtt/resolved-token-bullet-color token))))
on-click
(mf/use-fn