Merge pull request #733 from IQSS/731-dataset-metadata---logo-url-display

Dataset Metadata - logo url display

Author: ofahimIQSS

src/sections/dataset/markdown/MarkdownComponent.module.scss

@@ -0,0 +1,4 @@
+.metadata-logo {
+  max-width: 180px;
+  max-height: 40px;
+}

src/sections/dataset/markdown/MarkdownComponent.tsx

@@ -1,7 +1,17 @@
 import ReactMarkdown from 'react-markdown'
+import styles from './MarkdownComponent.module.scss'
+
 interface Props {
   markdown: string
 }
+
 export function MarkdownComponent({ markdown }: Props) {
-  return <ReactMarkdown>{markdown}</ReactMarkdown>
+  return (
+    <ReactMarkdown
+      components={{
+        img: (props) => <img {...props} className={styles['metadata-logo']} />
+      }}>
+      {markdown}
+    </ReactMarkdown>
+  )
 }