Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-04-06 12:01:19 -05:00
Code Issues 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
Show stats 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
[:map
[: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/props :obj
::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))
props (mf/spread-props props {:class class :width "14px" :height "14px"})
offset 0]
[:> "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
[:> token-status-icon*
{:id ts/token-status-partial
{:icon-id ts/token-status-partial
:class (stl/css :token-pill-icon)}]
```