Improved external links in docs (#2004)

chaiNNer-org · Jul 28, 2023 · 5bd265c · 5bd265c
1 parent aa8fb81
commit 5bd265c
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/renderer/components/NodeDocumentation/docsMarkdown.tsx b/src/renderer/components/NodeDocumentation/docsMarkdown.tsx
@@ -1,9 +1,11 @@
 import { Code, Link, Text } from '@chakra-ui/react';
 import ChakraUIRenderer from 'chakra-ui-markdown-renderer';
+import { shell } from 'electron';
 import { memo } from 'react';
 import { Components } from 'react-markdown';
 import { useContext } from 'use-context-selector';
 import { SchemaId } from '../../../common/common-types';
+import { log } from '../../../common/log';
 import { BackendContext } from '../../contexts/BackendContext';
 import { SupportHighlighting } from './HighlightContainer';
 import { SchemaLink } from './SchemaLink';
@@ -28,8 +30,14 @@ const getDocsMarkdownComponents = (interactive: boolean): Components => {
                 <Link
                     isExternal
                     href={href}
-                    textColor={interactive && href ? 'blue.500' : 'inherit'}
+                    textColor={interactive && href ? 'var(--link-color)' : 'inherit'}
                     textDecoration={interactive && href ? 'underline' : 'inherit'}
+                    onClick={(e) => {
+                        e.preventDefault();
+                        if (interactive && href) {
+                            shell.openExternal(href).catch(log.error);
+                        }
+                    }}
                 >
                     {children}
                 </Link>