3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-06-12 11:21:43 +02:00
Code Issues Projects Releases Packages Wiki Activity

🐛 Fix token status icon id

Browse source
This commit is contained in:
Eva Marco 2025-01-10 15:42:40 +01:00
parent 7c2ccb77ae
commit cac323d6b1
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.cljs
View file

@ -15,14 +15,14 @@
(def ^:private schema:token-status-icon (def ^:private schema:token-status-icon
[:map [:map
[:class {:optional true} :string] [:class {:optional true} :string]
[:id [:and :string [:fn #(contains? token-status-list %)]]]]) [:icon-id [:and :string [:fn #(contains? token-status-list %)]]]])
(mf/defc token-status-icon* (mf/defc token-status-icon*
{::mf/props :obj {::mf/props :obj
::mf/schema schema:token-status-icon} ::mf/schema schema:token-status-icon}
[{:keys [id class] :rest props}] [{:keys [icon-id class] :rest props}]
(let [class (dm/str (or class "") " " (stl/css :token-icon)) (let [class (dm/str (or class "") " " (stl/css :token-icon))
props (mf/spread-props props {:class class :width "14px" :height "14px"}) props (mf/spread-props props {:class class :width "14px" :height "14px"})
offset 0] offset 0]
[:> "svg" props [:> "svg" props
[:use {:href (dm/str "#icon-" id) :width "14px" :height "14px" :x offset :y offset}]])) [:use {:href (dm/str "#icon-" icon-id) :width "14px" :height "14px" :x offset :y offset}]]))

2
frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.mdx
View file

@ -26,6 +26,6 @@ For convenience, icons IDs are available in the component namespace.
```clj ```clj
[:> token-status-icon* [:> token-status-icon*
{:id ts/token-status-partial {:icon-id ts/token-status-partial
:class (stl/css :token-pill-icon)}] :class (stl/css :token-pill-icon)}]
``` ```