Apr 4, 2020 · Apr 4, 2020
diff --git a/web-app/package.json b/web-app/package.json
    "@sentry/browser": "^5.15.4",
    "markdown-it": "^10.0.0",
    "markdown-it-emoji": "^1.4.0",
    "markdown-it-prism": "^2.0.5",
    "moment": "^2.24.0",
    "prismjs": "^1.19.0",
    "react": "^16.13.1",
diff --git a/web-app/src/components/Markdown/index.tsx b/web-app/src/components/Markdown/index.tsx
 import MarkdownIt from 'markdown-it'
 // @ts-ignore no types for package
 import markdownEmoji from 'markdown-it-emoji'

 import Prism from 'prismjs'

 // @ts-ignore no types for package
 importprism from 'markdown-it-prism'
 importmarkdownEmoji from 'markdown-it-emoji'
 import * as React from 'react'
 import onError from '../../services/sentry/onError'
 // load prism styles & language support
  breaks: true,
  html: true,
  linkify: true,
  highlight(str, lang) {
    let hl

    try {
      hl = Prism.highlight(str, Prism.languages[lang], lang)
    } catch (error) {
      console.error(error)
      hl = md.utils.escapeHtml(str)
    }

    return `<pre class="language-${lang}"><code class="language-${lang}">${hl}</code></pre>`
  },
 })
  // add emoji: https://github.com/markdown-it/markdown-it-emoji
  .use(markdownEmoji)
  // add syntax highlighting through prism
  .use(prism, {
    defaultLanguage: 'js',
  })

 // const mdFeatures = [
 //   'table',
Original file line number	Diff line number	Diff line change
		@@ -1,8 +1,10 @@
		import MarkdownIt from 'markdown-it'
		// @ts-ignore no types for package
		import markdownEmoji from 'markdown-it-emoji'

		import Prism from 'prismjs'

		// @ts-ignore no types for package
		importprism from 'markdown-it-prism'
		importmarkdownEmoji from 'markdown-it-emoji'
		import * as React from 'react'
		import onError from '../../services/sentry/onError'
		// load prism styles & language support
Expand All		@@ -13,13 +15,21 @@ const md: MarkdownIt = new MarkdownIt({
		breaks: true,
		html: true,
		linkify: true,
		highlight(str, lang) {
		let hl

		try {
		hl = Prism.highlight(str, Prism.languages[lang], lang)
		} catch (error) {
		console.error(error)
		hl = md.utils.escapeHtml(str)
		}

		return `<pre class="language-${lang}"><code class="language-${lang}">${hl}</code></pre>`
		},
		})
		// add emoji: https://github.com/markdown-it/markdown-it-emoji
		.use(markdownEmoji)
		// add syntax highlighting through prism
		.use(prism, {
		defaultLanguage: 'js',
		})

		// const mdFeatures = [
		// 'table',
Expand Down