fix: link (<a>) in messages not styled

2022-08-23 22:01:43 +02:00 · 2022-08-23 22:01:43 +02:00 · 19fc29ad47
commit 19fc29ad47
parent 7ad3d226dc
1 changed files with 8 additions and 0 deletions
--- a/components/Application/Messages/Message/MessageText/MessageText.tsx
+++ b/components/Application/Messages/Message/MessageText/MessageText.tsx
@ -41,6 +41,14 @@ export const MessageText: React.FC<MessageContentProps> = (props) => {
      rehypePlugins={[[emojiPlugin], [rehypeKatex]]}
      linkTarget='_blank'
      components={{
+        a: (props) => {
+          return (
+            <a
+              className='text-green-800 hover:underline dark:text-green-400'
+              {...props}
+            />
+          )
+        },
        emoji: (props) => {
          return <Emoji value={props.value} size={20} />
        },