From 588f6be1634991b2e423834898467836ea0d5560 Mon Sep 17 00:00:00 2001
From: Sidney Alcantara <sidney@sidney.me>
Date: Fri, 28 Jan 2022 17:22:41 +1100
Subject: [PATCH] support images in table card markdown

---
 src/components/Home/TableGrid/TableCard.tsx | 2 +-
 src/components/RenderedMarkdown.tsx         | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/Home/TableGrid/TableCard.tsx b/src/components/Home/TableGrid/TableCard.tsx
index 26d02fa4..1697ef64 100644
--- a/src/components/Home/TableGrid/TableCard.tsx
+++ b/src/components/Home/TableGrid/TableCard.tsx
@@ -50,7 +50,7 @@ export default function TableCard({
           {description && (
             <RenderedMarkdown
               children={description}
-              restrictionPreset="singleLine"
+              //restrictionPreset="singleLine"
             />
           )}
         </Typography>
diff --git a/src/components/RenderedMarkdown.tsx b/src/components/RenderedMarkdown.tsx
index a51182f1..4d634920 100644
--- a/src/components/RenderedMarkdown.tsx
+++ b/src/components/RenderedMarkdown.tsx
@@ -6,8 +6,10 @@ import { Typography, Link } from "@mui/material";
 
 const remarkPlugins = [remarkGfm];
 const components = {
-  a: (p) => <Link color="inherit" {...p} />,
+  a: (props) => <Link color="inherit" {...props} />,
   p: Typography,
+  // eslint-disable-next-line jsx-a11y/alt-text
+  img: (props) => <img style={{ maxWidth: "100%" }} {...props} />,
 };
 
 const restrictionPresets = {