render html

components/Chat/ChatMessage.tsx

@@ -216,26 +216,27 @@ export const ChatMessage: FC<Props> = memo(({ message, messageIndex, onEdit }) =
                 components={{
                   code({ node, inline, className, children, ...props }) {
                     if (children.length) {
-                      if (children[0] == '▍') {
-                        return <span className="animate-pulse cursor-default mt-1">▍</span>
-                      }
-
-                      children[0] = (children[0] as string).replace("`▍`", "▍")
+                        if (children[0] == '▍') {
+                            return <span className="animate-pulse cursor-default mt-1">▍</span>
+                        }
+                        children[0] = (children[0] as string).replace("`▍`", "▍")
                     }
-
                     const match = /language-(\w+)/.exec(className || '');
-
                     return !inline ? (
-                      <CodeBlock
-                        key={Math.random()}
-                        language={(match && match[1]) || ''}
-                        value={String(children).replace(/\n$/, '')}
-                        {...props}
-                      />
+                        match && match[1] === 'html' ? (
+                            <div className={className} dangerouslySetInnerHTML={{ __html: String(children).replace(/\n$/, '') }} />
+                        ) : (
+                            <CodeBlock
+                                key={Math.random()}
+                                language={(match && match[1]) || ''}
+                                value={String(children).replace(/\n$/, '')}
+                                {...props}
+                            />
+                        )
                     ) : (
-                      <code className={className} {...props}>
-                        {children}
-                      </code>
+                        <code className={className} {...props}>
+                            {children}
+                        </code>
                     );
                   },
                   table({ children }) {