diff --git a/frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.cljs b/frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.cljs index 482087f0e..cda69abcd 100644 --- a/frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.cljs +++ b/frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.cljs @@ -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}]])) diff --git a/frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.mdx b/frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.mdx index 5d4fe3b59..3584385c8 100644 --- a/frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.mdx +++ b/frontend/src/app/main/ui/ds/foundations/utilities/token/token_status.mdx @@ -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)}] ```