From 6e335b377b1bdac4a0aeeab3e75682fc732cbe68 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Th=C3=A9o?= <43091603+glazk0@users.noreply.github.com>
Date: Tue, 11 Apr 2023 11:22:46 +0200
Subject: [PATCH] Added link to MDToHTML

---
 ui/ToHTML.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/ui/ToHTML.tsx b/ui/ToHTML.tsx
index bbd8710..def3900 100644
--- a/ui/ToHTML.tsx
+++ b/ui/ToHTML.tsx
@@ -2,11 +2,22 @@
 
 import { cn } from '@/lib/utils';
 import Mardown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import remarkBreaks from 'remark-breaks';
 
 export default function ToHTML({ data, className }: { data: string; className?: string }) {
   return (
     <div className={cn('select-none', className)}>
-      <Mardown>{data}</Mardown>
+      <Mardown
+        components={{
+          a: ({ node, ...props }) => (
+            <a {...props} className="text-brand" download={node} target="_blank" rel="noreferrer" />
+          )
+        }}
+        remarkPlugins={[remarkGfm, remarkBreaks]}
+      >
+        {data}
+      </Mardown>
     </div>
   );
 }