add support for images via markdown

howardchung · Jan 24, 2025 · aa93838 · aa93838
1 parent 7721946
commit aa93838
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Chat/Chat.tsx b/src/components/Chat/Chat.tsx
@@ -8,6 +8,7 @@ import { init } from 'emoji-mart';
 import Linkify from 'react-linkify';
 import { SecureLink } from 'react-secure-link';
 import styles from './Chat.module.css';
+import Markdown from 'react-markdown';
 
 import {
   formatTimestamp,
@@ -453,6 +454,7 @@ const ChatMessage = ({
             {!cmd && msg}
           </Comment.Text>
         </Linkify>
+        {msg.startsWith('![') && <Markdown>{msg}</Markdown>}
         <div className={classes.commentMenu}>
           <Icon
             onClick={(e: MouseEvent) => {