feat: add i18nPaths for selective i18n routing

components/link.js

@@ -1,9 +1,19 @@
 import Link from "next/link";
 import { useRouter } from "next/router";
 import { defaultLanguage, languages } from "../lib/i18n";
+import i18nPaths from "../lib/i18nPaths";
 
 const LinkComponent = ({ children, locale, ...props }) => {
   const router = useRouter();
+
+  if (!router) {
+    return (
+      <Link href={props.href} passHref>
+        {children}
+      </Link>
+    );
+  }
+
   const { pathname, query, asPath } = router;
 
   // Detect current language
@@ -13,6 +23,14 @@ const LinkComponent = ({ children, locale, ...props }) => {
 
   let href = props.href || pathname;
 
+  if ((props.href && i18nPaths[language] && !i18nPaths[language].includes(href)) || href.startsWith("http")) {
+    return (
+      <Link {...props} href={href} passHref>
+        {children}
+      </Link>
+    );
+  }
+
   if (locale) {
     if (props.href) {
       href = `/${locale}${href}`;
@@ -35,14 +53,14 @@ const LinkComponent = ({ children, locale, ...props }) => {
   href = href.replace(/([^:]\/)\/+/g, "$1").replace("//", "/");
 
   return (
-    <Link href={href} passHref>
+    <Link {...props} href={href} passHref>
       {children}
     </Link>
   );
 };
 
 export const LinkText = ({ href, children, ...props }) => {
-  return <Link href={href || ""}>{children}</Link>;
+  return <Link {...props} href={href || ""}>{children}</Link>;
 };
 
 export default LinkComponent;

components/navigation/MenuBlocks.js

@@ -1,6 +1,6 @@
+import LinkComponent from '../link';
 import Paragraph from '../typography/Paragraph';
 import Label from './Label'
-import Link from 'next/link'
 import { useRouter } from 'next/router';
 
 
@@ -14,7 +14,7 @@ export default function MenuBlocks ({
         items.map((item, index) => {
           const isExternalHref = item.href && item.href.startsWith('http');
           return (
-            <Link href={item.comingSoon ? '' : item.href} key={index}>
+            <LinkComponent href={item.comingSoon ? '' : item.href} key={index}>
               <a data-testid="MenuBlocks-Link"
                                 className={`flex items-start p-3 -m-3 space-x-4 transition duration-150 ease-in-out rounded-lg  ${router.asPath === item.href ? 'bg-secondary-100 shadow-sm': 'hover:bg-gray-50'}`}
                 target={isExternalHref ? "_blank" : undefined} 
@@ -32,7 +32,7 @@ export default function MenuBlocks ({
                   </Paragraph>
                 </div>
               </a>
-            </Link>
+            </LinkComponent>
           )
         })
       }

lib/i18nPaths.js

@@ -0,0 +1,10 @@
+const i18nPaths = {
+    en: [
+        "/tools/cli"
+    ],
+    de: [
+        "/tools/cli"
+    ]
+};
+
+export default i18nPaths;