From d329725cc9616ba17f01bc3484fc0ee632edf6bc Mon Sep 17 00:00:00 2001
From: "s.spirkin" <s.spirkin@qiwi.com>
Date: Thu, 23 Jan 2025 15:27:18 +0300
Subject: [PATCH] feat: add disableLinks props for Markdown

---
 .../desktop/src/main/ts/markdown/Markdown.md  | 30 +++++++++++++++++++
 .../desktop/src/main/ts/markdown/Markdown.tsx | 22 +++++++++++---
 .../mobile/src/main/ts/markdown/Markdown.md   | 30 +++++++++++++++++++
 .../mobile/src/main/ts/markdown/Markdown.tsx  | 22 +++++++++++---
 4 files changed, 96 insertions(+), 8 deletions(-)

diff --git a/packages/desktop/src/main/ts/markdown/Markdown.md b/packages/desktop/src/main/ts/markdown/Markdown.md
index 0bd84f085..0464368e7 100644
--- a/packages/desktop/src/main/ts/markdown/Markdown.md
+++ b/packages/desktop/src/main/ts/markdown/Markdown.md
@@ -208,3 +208,33 @@
   </BlockContent>
 </Block>
 ```
+
+## Отключение ссылок
+
+```jsx
+<Block>
+  <BlockContent>
+    <Markdown>{`
+####disableLinks = false
+
+Киви кошелек: https://qiwi.com
+
+Игровая витрина: <a href="https://games.qiwi.com">games.qiwi.com</a>
+    `}</Markdown>
+  </BlockContent>
+</Block>
+```
+
+```jsx
+<Block>
+  <BlockContent>
+    <Markdown disableLinks>{`
+####disableLinks = true
+
+Киви кошелек: https://qiwi.com
+
+Игровая витрина: <a href="https://games.qiwi.com">games.qiwi.com</a>
+    `}</Markdown>
+  </BlockContent>
+</Block>
+```
diff --git a/packages/desktop/src/main/ts/markdown/Markdown.tsx b/packages/desktop/src/main/ts/markdown/Markdown.tsx
index 0aaabac1e..d32f5d2b1 100644
--- a/packages/desktop/src/main/ts/markdown/Markdown.tsx
+++ b/packages/desktop/src/main/ts/markdown/Markdown.tsx
@@ -6,6 +6,7 @@ import { List } from '../list'
 import { Heading, Paragraph, Text } from '../typography'
 
 export interface MarkdownProps {
+  disableLinks?: boolean
   size?: 's' | 'm' | 'l'
   children: string
 }
@@ -49,13 +50,20 @@ const img: FC<ImageProps> = ({ src, alt }) => (
 img.displayName = 'img'
 
 interface LinkProps extends SizeProps {
+  disableLinks?: boolean
   title?: string
   href?: string
 }
 
-const a: FC<LinkProps> = ({ title, href, size, children }) => (
-  <Link title={title} href={href} size={size} children={children} />
-)
+const a: FC<LinkProps> = ({ disableLinks, title, href, size, children }) => {
+  if (disableLinks) {
+    return <Text size={size} children={children} />
+  }
+
+  return (
+    <Link title={title} href={href} size={size} children={children} />
+  )
+}
 
 a.displayName = 'a'
 
@@ -167,10 +175,15 @@ const overrides: { [tag: string]: FC<any> } = {
   img,
 }
 
-export const Markdown: FC<MarkdownProps> = ({ size = 'm', children }) => (
+export const Markdown: FC<MarkdownProps> = ({
+  size = 'm',
+  disableLinks = false,
+  children
+}) => (
   <MarkdownToJSX
     children={children}
     options={{
+      disableAutoLink: disableLinks,
       overrides: Object.keys(overrides).reduce(
         (prev, tag) => ({
           ...prev,
@@ -179,6 +192,7 @@ export const Markdown: FC<MarkdownProps> = ({ size = 'm', children }) => (
               component: overrides[tag],
               props: {
                 size,
+                disableLinks
               },
             },
           },
diff --git a/packages/mobile/src/main/ts/markdown/Markdown.md b/packages/mobile/src/main/ts/markdown/Markdown.md
index e7c9e85b9..f9e4bb761 100644
--- a/packages/mobile/src/main/ts/markdown/Markdown.md
+++ b/packages/mobile/src/main/ts/markdown/Markdown.md
@@ -203,3 +203,33 @@
   </BlockContent>
 </Block>
 ```
+
+## Отключение ссылок
+
+```jsx
+<Block>
+  <BlockContent>
+    <Markdown>{`
+####disableLinks = false
+
+Киви кошелек: https://qiwi.com
+
+Игровая витрина: <a href="https://games.qiwi.com">games.qiwi.com</a>
+    `}</Markdown>
+  </BlockContent>
+</Block>
+```
+
+```jsx
+<Block>
+  <BlockContent>
+    <Markdown disableLinks>{`
+####disableLinks = true
+
+Киви кошелек: https://qiwi.com
+
+Игровая витрина: <a href="https://games.qiwi.com">games.qiwi.com</a>
+    `}</Markdown>
+  </BlockContent>
+</Block>
+```
diff --git a/packages/mobile/src/main/ts/markdown/Markdown.tsx b/packages/mobile/src/main/ts/markdown/Markdown.tsx
index ae5915f81..cd6c23cca 100644
--- a/packages/mobile/src/main/ts/markdown/Markdown.tsx
+++ b/packages/mobile/src/main/ts/markdown/Markdown.tsx
@@ -6,6 +6,7 @@ import { List } from '../list'
 import { Heading, Paragraph, Text } from '../typography'
 
 export interface MarkdownProps {
+  disableLinks?: boolean
   size?: 's' | 'm' | 'l'
   children: string
 }
@@ -49,13 +50,20 @@ const img: FC<ImageProps> = ({ src, alt }) => (
 img.displayName = 'img'
 
 interface LinkProps extends SizeProps {
+  disableLinks?: boolean
   title?: string
   href?: string
 }
 
-const a: FC<LinkProps> = ({ title, href, size, children }) => (
-  <Link title={title} href={href} size={size} children={children} />
-)
+const a: FC<LinkProps> = ({ disableLinks, title, href, size, children }) => {
+  if (disableLinks) {
+    return <Text size={size} children={children} />
+  }
+
+  return (
+    <Link title={title} href={href} size={size} children={children} />
+  )
+}
 
 a.displayName = 'a'
 
@@ -158,10 +166,15 @@ const overrides: { [tag: string]: FC<any> } = {
   img,
 }
 
-export const Markdown: FC<MarkdownProps> = ({ size = 'm', children }) => (
+export const Markdown: FC<MarkdownProps> = ({
+  size = 'm',
+  disableLinks = false,
+  children
+}) => (
   <MarkdownToJSX
     children={children}
     options={{
+      disableAutoLink: disableLinks,
       overrides: Object.keys(overrides).reduce(
         (prev, tag) => ({
           ...prev,
@@ -170,6 +183,7 @@ export const Markdown: FC<MarkdownProps> = ({ size = 'm', children }) => (
               component: overrides[tag],
               props: {
                 size,
+                disableLinks
               },
             },
           },