Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-02-18 21:06:11 -05:00
Code Issues Activity

⚡ Add minor performance optimizations to code-block component

Browse source
This commit is contained in:
Andrey Antukh 2023-07-20 12:05:06 +02:00
parent a44f2c5788
commit 1e9c809b84
1 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
frontend/src/app/main/ui/components/code_block.cljs
View file

@ -9,12 +9,13 @@
["highlight.js" :as hljs] ["highlight.js" :as hljs]
[rumext.v2 :as mf])) [rumext.v2 :as mf]))
(mf/defc code-block [{:keys [code type]}] (mf/defc code-block
{::mf/wrap-props false}
[{:keys [code type]}]
(let [block-ref (mf/use-ref)] (let [block-ref (mf/use-ref)]
(mf/use-effect (mf/with-effect [code type]
(mf/deps code type block-ref) (when-let [node (mf/ref-val block-ref)]
(fn [] (hljs/highlightElement node)))
(hljs/highlightElement (mf/ref-val block-ref))))
[:pre.code-display {:class type [:pre.code-display {:class type :ref block-ref} code]))
:ref block-ref} code]))