From 1e9c809b84610e6522a385db005a876115a07c20 Mon Sep 17 00:00:00 2001 From: Andrey Antukh Date: Thu, 20 Jul 2023 12:05:06 +0200 Subject: [PATCH] :zap: Add minor performance optimizations to code-block component --- .../src/app/main/ui/components/code_block.cljs | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/frontend/src/app/main/ui/components/code_block.cljs b/frontend/src/app/main/ui/components/code_block.cljs index 2f8ded61e..1904b2170 100644 --- a/frontend/src/app/main/ui/components/code_block.cljs +++ b/frontend/src/app/main/ui/components/code_block.cljs @@ -9,12 +9,13 @@ ["highlight.js" :as hljs] [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)] - (mf/use-effect - (mf/deps code type block-ref) - (fn [] - (hljs/highlightElement (mf/ref-val block-ref)))) - [:pre.code-display {:class type - :ref block-ref} code])) + (mf/with-effect [code type] + (when-let [node (mf/ref-val block-ref)] + (hljs/highlightElement node))) + + [:pre.code-display {:class type :ref block-ref} code]))