From 48ef8e74c90dace0ab857ff92fe5709822da09ae Mon Sep 17 00:00:00 2001
From: Ivan Procaccini <ivanprocaccini905@gmail.com>
Date: Thu, 6 Jun 2024 17:44:12 +0100
Subject: [PATCH] feat: add support for rendering md-embedded images correctly

---
 src/components/Markdown.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Markdown.tsx b/src/components/Markdown.tsx
index c774c35..b6c77d8 100644
--- a/src/components/Markdown.tsx
+++ b/src/components/Markdown.tsx
@@ -30,9 +30,16 @@ const Markdown: FC<MarkdownProps> = ({ children }) => {
       const { children, ...rest } = props
       return <Link {...rest}>{children}</Link>
     },
+    img(props) {
+      return <img alt="" style={{ width: '100%', height: 'auto' }} {...props} />
+    },
   }
   return (
-    <MarkdownRoot components={componentMapping} remarkPlugins={[remarkGfm]}>
+    <MarkdownRoot
+      components={componentMapping}
+      urlTransform={(value: string) => value}
+      remarkPlugins={[remarkGfm]}
+    >
       {children}
     </MarkdownRoot>
   )