feat: open links in new tab

ElfenB · Feb 7, 2024 · df3535c · df3535c
1 parent a6df054
commit df3535c
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/components/13/Changelog.tsx b/src/components/13/Changelog.tsx
@@ -1,3 +1,4 @@
+import type { AnchorHTMLAttributes } from 'react';
 import { useEffect, useMemo, useState } from 'react';
 
 import type { SxProps, Theme } from '@mui/material';
@@ -38,8 +39,16 @@ export function Changelog({ cutOff, sx }: Props) {
   return (
     <Box sx={sx}>
       <div className="markdown-body">
-        <Markdown>{cutOffChangelog}</Markdown>
+        <Markdown components={{ a: LinkRenderer }}>{cutOffChangelog}</Markdown>
       </div>
     </Box>
   );
 }
+
+function LinkRenderer(props: AnchorHTMLAttributes<HTMLAnchorElement>) {
+  return (
+    <a href={props.href} rel="noopener noreferrer" target="_blank">
+      {props.children}
+    </a>
+  );
+}