Removed the remains of katex from vendor assets and load everything via webpack

1 files changed, 6 insertions, 8 deletions

diff --git a/app/assets/javascripts/render_math.js b/app/assets/javascripts/render_math.js
index 2e68a9642e7..341fb842cbe 100644
--- a/app/assets/javascripts/render_math.js
+++ b/app/assets/javascripts/render_math.js
@@ -1,4 +1,5 @@
 // import katex from 'katex';
+// import katexCSS from 'katex/dist/katex.css';
 import Flash from './flash';
 
 // Renders math using KaTeX in any element with the
@@ -28,16 +29,13 @@ function renderWithKaTeX(elements, katex) {
 
 export default function renderMath($els) {
   if (!$els.length) return;
-
   import(/* webpackChunkName: 'katex' */ 'katex').then((katex) => {
-    $.get(gon.katex_css_url, () => {
-      const css = $('<link>', {
-        rel: 'stylesheet',
-        type: 'text/css',
-        href: gon.katex_css_url,
-      });
-      css.appendTo('head');
+    import(/* webpackChunkName: 'katex' */ 'katex/dist/katex.css')
+    .then(() => {
       renderWithKaTeX($els, katex);
+    })
+    .catch((err) => {
+      Flash(`Can't load katex css ${err}`);
     });
   }).catch((err) => {
     Flash(`Can't load katex module: ${err}`);