feat: use markdown parser to format metric description

Som-Energia · Jul 18, 2022 · e276cdd · e276cdd
1 parent a90e225
commit e276cdd
Show file tree

Hide file tree

Showing 3 changed files with 536 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -22,6 +22,7 @@
     "react-csv": "^2.0.3",
     "react-dom": "^17.0.1",
     "react-i18next": "^11.7.3",
+    "react-markdown": "^8.0.3",
     "react-scripts": "4.0.0",
     "react-syntax-highlighter": "^15.4.3",
     "web-vitals": "^0.2.4"

diff --git a/src/components/Filters.js b/src/components/Filters.js
@@ -1,6 +1,7 @@
 import React, { useState, useEffect } from 'react'
 
 import { makeStyles } from '@material-ui/core/styles'
+import ReactMarkdown from 'react-markdown'
 import { useTranslation } from 'react-i18next'
 
 import Button from '@material-ui/core/Button'
@@ -146,7 +147,9 @@ const Filters = (props) => {
           ))
         }
         </Select>
-        <FormHelperText>{ selectedMetric?.description }</FormHelperText>
+        <FormHelperText component="div">
+          <ReactMarkdown>{ selectedMetric?.description }</ReactMarkdown>
+        </FormHelperText>
       </FormControl>
 
       {