Merge pull request #2951 from andrewbaldwin44/feature/mui-markdown-link

Webui Override Markdown HTML Link with MUI Link

locust/webui/src/components/Markdown/Markdown.tsx

@@ -0,0 +1,15 @@
+import { Link } from '@mui/material';
+import ReactMarkdown from 'react-markdown';
+
+type CustomMarkdownLink = (props: {
+  href?: string;
+  children?: React.ReactNode;
+}) => React.ReactElement;
+
+export default function Markdown({ content }: { content: string }) {
+  return (
+    <ReactMarkdown components={{ a: Link as CustomMarkdownLink }} skipHtml={false}>
+      {content}
+    </ReactMarkdown>
+  );
+}

locust/webui/src/components/Table/Table.tsx

@@ -7,8 +7,8 @@ import {
   TableHead,
   TableRow,
 } from '@mui/material';
-import Markdown from 'react-markdown';
 
+import Markdown from 'components/Markdown/Markdown';
 import useSortByField, { ISortByFieldOptions } from 'hooks/useSortByField';
 import { ITableStructure } from 'types/table.types';
 import { roundToDecimalPlaces } from 'utils/number';
@@ -44,7 +44,7 @@ function TableRowContent({ content, formatter, round, markdown }: ITableRowConte
   }
 
   if (markdown) {
-    return <Markdown skipHtml={false}>{content as string}</Markdown>;
+    return <Markdown content={content as string} />;
   }
 
   return content;