From cf390f1cac6fbad95add0ce6625b90ff112766a8 Mon Sep 17 00:00:00 2001
From: RadoslavDimchev <RadoslavDimchev111@gmail.com>
Date: Wed, 25 Oct 2023 09:31:33 +0300
Subject: [PATCH] feat: add custom link component to markdown

---
 .../ValidatorInstalling/ValidatorInstall.tsx          | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx
index 70b82d66..7d8c9d38 100644
--- a/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx
+++ b/src/pages/ValidatorOnboarding/ValidatorSetup/ValidatorInstalling/ValidatorInstall.tsx
@@ -3,6 +3,7 @@ import { Text } from '@status-im/components'
 import { useSelector } from 'react-redux'
 import { useState } from 'react'
 import Markdown from 'react-markdown'
+import { Link } from 'react-router-dom'
 
 import { RootState } from '../../../../redux/store'
 import { DOCUMENTATIONS } from './documentations'
@@ -33,7 +34,7 @@ const ValidatorSetupInstall = () => {
         space={'$2'}
       >
         <Text size={19}>Installing {selectedClient}</Text>
-        <Markdown>{DOCUMENTATIONS[selectedClient].general}</Markdown>
+        <Markdown components={{ a: Linkk }}>{DOCUMENTATIONS[selectedClient].general}</Markdown>
         <OSCards selectedOS={selectedOS} handleOSCardClick={handleOSCardClick} />
         <Markdown children={DOCUMENTATIONS[selectedClient].documentation[selectedOS]} />
       </YStack>
@@ -41,4 +42,12 @@ const ValidatorSetupInstall = () => {
   )
 }
 
+const Linkk = (props: any) => {
+  return (
+    <Link to={props.href} target="_blank">
+      {props.children}
+    </Link>
+  )
+}
+
 export default ValidatorSetupInstall