From a4470b8532e6ded6fe2088d30a3e300cee7ec07f Mon Sep 17 00:00:00 2001
From: microHoffman <skozak@protonmail.com>
Date: Tue, 22 Apr 2025 10:59:55 +0200
Subject: [PATCH] fix: 404 links, add i18n-style link support to DocLink

---
 src/components/DocLink/index.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/DocLink/index.tsx b/src/components/DocLink/index.tsx
index b4d84471af3..a5e4b7fc61c 100644
--- a/src/components/DocLink/index.tsx
+++ b/src/components/DocLink/index.tsx
@@ -4,6 +4,7 @@ import { cn } from "@/lib/utils/cn"
 
 import Emoji from "../Emoji"
 import { Center, Flex, Stack } from "../ui/flex"
+import InlineLink from "../ui/Link"
 import { LinkBox, LinkOverlay } from "../ui/link-box"
 
 import { useRtlFlip } from "@/hooks/useRtlFlip"
@@ -30,10 +31,12 @@ const DocLink = ({ href, children, isExternal = false }: DocLinkProps) => {
           <Emoji className="me-4 text-md" text=":page_with_curl:" />
         </Center>
         <Stack className="flex-1">
-          <LinkOverlay href={href} className="no-underline">
-            <p className="font-bold text-gray-600 dark:text-gray-200">
-              {children}
-            </p>
+          <LinkOverlay asChild>
+            <InlineLink href={href} hideArrow className="no-underline">
+              <p className="font-bold text-gray-600 dark:text-gray-200">
+                {children}
+              </p>
+            </InlineLink>
           </LinkOverlay>
         </Stack>