From b81a78881f6bf9f239d78e5ac1abd6cb5bfa5a4a Mon Sep 17 00:00:00 2001 From: Sidney Alcantara Date: Fri, 28 Jan 2022 14:29:41 +1100 Subject: [PATCH] support markdown in table description --- package.json | 2 + src/components/Home/TableGrid/TableCard.tsx | 42 +- .../Home/TableList/TableListItem.tsx | 39 +- src/components/Navigation/Breadcrumbs.tsx | 13 +- src/components/RenderedMarkdown.tsx | 35 + yarn.lock | 726 +++++++++++++++++- 6 files changed, 811 insertions(+), 46 deletions(-) create mode 100644 src/components/RenderedMarkdown.tsx 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 && ( + + )} + + +