diff --git a/package.json b/package.json index 07eb0e83..a22e31ae 100644 --- a/package.json +++ b/package.json @@ -58,10 +58,12 @@ "react-image": "^4.0.3", "react-joyride": "^2.3.0", "react-json-view": "^1.19.1", + "react-markdown": "^8.0.0", "react-router-dom": "^5.0.1", "react-router-hash-link": "^2.4.3", "react-scripts": "^4.0.3", "react-usestateref": "^1.0.5", + "remark-gfm": "^3.0.1", "serve": "^11.3.2", "swr": "^1.0.1", "tinymce": "^5.10.0", diff --git a/src/components/Home/TableGrid/TableCard.tsx b/src/components/Home/TableGrid/TableCard.tsx index 0b8ae9ff..26d02fa4 100644 --- a/src/components/Home/TableGrid/TableCard.tsx +++ b/src/components/Home/TableGrid/TableCard.tsx @@ -10,6 +10,7 @@ import { } from "@mui/material"; import GoIcon from "@src/assets/icons/Go"; +import RenderedMarkdown from "@src/components/RenderedMarkdown"; import { Table } from "@src/contexts/ProjectContext"; export interface ITableCardProps extends Table { @@ -26,36 +27,35 @@ export default function TableCard({ }: ITableCardProps) { return ( - - + + {section} {name} - - (theme.typography.body2.lineHeight as number) * 2 + "em", - }} - > - {description} - + + + (theme.typography.body2.lineHeight as number) * 2 + "em", + }} + component="div" + > + {description && ( + + )} + + +