From 23300d1c1a9f99462c08d4e43ca68b1c3fd0cfd2 Mon Sep 17 00:00:00 2001
From: Sascha <GlancingMind@outlook.com>
Date: Wed, 7 Apr 2021 18:51:51 +0200
Subject: Use custom anchor in markdown

The custom anchor will be more readable in dark mode.
Also it will supports linking within the SPA.
---
 webui/src/components/Content/index.tsx | 2 ++
 1 file changed, 2 insertions(+)

(limited to 'webui/src/components/Content/index.tsx')

diff --git a/webui/src/components/Content/index.tsx b/webui/src/components/Content/index.tsx
index 809ae818..e4018809 100644
--- a/webui/src/components/Content/index.tsx
+++ b/webui/src/components/Content/index.tsx
@@ -5,6 +5,7 @@ import parse from 'remark-parse';
 import remark2react from 'remark-react';
 import unified from 'unified';
 
+import AnchorTag from './AnchorTag';
 import BlockQuoteTag from './BlockQuoteTag';
 import ImageTag from './ImageTag';
 import PreTag from './PreTag';
@@ -19,6 +20,7 @@ const Content: React.FC<Props> = ({ markdown }: Props) => {
       remarkReactComponents: {
         img: ImageTag,
         pre: PreTag,
+        a: AnchorTag,
         blockquote: BlockQuoteTag,
       },
     })
-- 
cgit 

