From 491e5f79882dc4e7c630715760208ae3635bb7b4 Mon Sep 17 00:00:00 2001
From: Krystian Chmura <krystian.chmura@bidroom.com>
Date: Tue, 1 Mar 2022 16:59:29 +0100
Subject: [PATCH] fix: markdown parsing after marked library version dump

broken by 802d32f757b82d71407e8f1b10d1fa2cc84ecbcd
---
 dev-portal/src/components/SwaggerUiLayout.jsx | 4 ++--
 dev-portal/src/services/get-fragments.jsx     | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/dev-portal/src/components/SwaggerUiLayout.jsx b/dev-portal/src/components/SwaggerUiLayout.jsx
index 780b21140..2beff4fb2 100644
--- a/dev-portal/src/components/SwaggerUiLayout.jsx
+++ b/dev-portal/src/components/SwaggerUiLayout.jsx
@@ -7,7 +7,7 @@ import React, { useMemo } from 'react'
 import { Button, Header, Image, Container } from 'semantic-ui-react'
 
 // markdown for external docs description
-import marked from 'marked'
+import { marked } from 'marked'
 import DOMPurify from 'dompurify'
 
 // services
@@ -24,7 +24,7 @@ import { store } from 'services/state.js'
 export const SwaggerLayoutPlugin = () => ({ components: { InfoContainer: InfoReplacement } })
 
 function Markdown ({ source }) {
-  const rendered = useMemo(() => DOMPurify.sanitize(marked(source, {
+  const rendered = useMemo(() => DOMPurify.sanitize(marked.parse(source, {
     headerIds: false,
     silent: true
   })), [source])
diff --git a/dev-portal/src/services/get-fragments.jsx b/dev-portal/src/services/get-fragments.jsx
index 352d622a5..754fbdd81 100644
--- a/dev-portal/src/services/get-fragments.jsx
+++ b/dev-portal/src/services/get-fragments.jsx
@@ -12,7 +12,7 @@ import { observable } from 'mobx'
 
 // markdown parsing
 import frontmatter from 'front-matter'
-import marked from 'marked'
+import { marked } from 'marked'
 
 export const fragments = observable({})
 
@@ -39,7 +39,7 @@ function loadHtml (path, fragment) {
 
   window.fetch(path).then(response => response.text().then(text => {
     const parsedMarkdown = frontmatter(text)
-    const html = marked(parsedMarkdown.body, {
+    const html = marked.parse(parsedMarkdown.body, {
       headerPrefix: 'header-',
       silent: true
     })