✨ Improvements in the handoff

frontend/src/app/main/ui/components/code_block.cljs

@@ -0,0 +1,23 @@
+;; This Source Code Form is subject to the terms of the Mozilla Public
+;; License, v. 2.0. If a copy of the MPL was not distributed with this
+;; file, You can obtain one at http://mozilla.org/MPL/2.0/.
+;;
+;; This Source Code Form is "Incompatible With Secondary Licenses", as
+;; defined by the Mozilla Public License, v. 2.0.
+;;
+;; Copyright (c) 2020 UXBOX Labs SL
+
+(ns app.main.ui.components.code-block
+  (:require
+   ["highlight.js" :as hljs]
+   [rumext.alpha :as mf]))
+
+(mf/defc code-block [{:keys [code type]}]
+  (let [block-ref (mf/use-ref)]
+    (mf/use-effect
+     (mf/deps code type block-ref)
+     (fn []
+       (hljs/highlightBlock (mf/ref-val block-ref))))
+    [:pre.code-display {:class type
+                        :ref block-ref} code]))
+