@apify/docs-theme 1.0.31 → 1.0.32

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apify/docs-theme",
-  "version": "1.0.31",
+  "version": "1.0.32",
   "description": "",
   "main": "./src/index.js",
   "files": [

package/src/theme/Footer/LinkItem/index.js

@@ -27,10 +27,10 @@ export default function FooterLinkItem({ item }) {
             className="footer__link-item"
             {...(href
                 ? {
-                    href: prependBaseUrlToHref ? normalizedHref : href
+                    href: prependBaseUrlToHref ? normalizedHref : href,
                 }
                 : {
-                    to: toUrl
+                    to: toUrl,
                 })}
             {...props}>
             {label}

package/src/theme/NavbarItem/NavbarNavLink.jsx

@@ -1,10 +1,12 @@
 import React from 'react';
 import Link from '@docusaurus/Link';
 import useBaseUrl from '@docusaurus/useBaseUrl';
-import isInternalUrl from '@docusaurus/isInternalUrl';
+import isInternalUrl_ from '@docusaurus/isInternalUrl';
+import IconExternalLink from '@theme/Icon/ExternalLink';
 import { useLocation } from '@docusaurus/router';
 import { isRegexpStringMatch, useThemeConfig } from '@docusaurus/theme-common';
 import { usePluginData } from '@docusaurus/useGlobalData';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 
 export default function NavbarNavLink({
     activeBasePath,
@@ -26,8 +28,15 @@ export default function NavbarNavLink({
     const toUrl = useBaseUrl(to);
     const activeBaseUrl = useBaseUrl(activeBasePath);
     const normalizedHref = useBaseUrl(href, { forcePrependBaseUrl: true });
-    // const isExternalLink = label && href && !isInternalUrl(href);
-    const isExternalLink = false;
+    const { siteConfig } = useDocusaurusContext();
+    const isInternalUrl = (url) => {
+        if (url.startsWith(siteConfig.url)) {
+            return true;
+        }
+        return isInternalUrl_(url);
+    };
+
+    const isExternalLink = label && href && !isInternalUrl(href);
     // Link content is set through html XOR label
     const linkContentProps = html
         ? { dangerouslySetInnerHTML: { __html: html } }

package/src/theme/custom.css

@@ -245,8 +245,8 @@ html[data-theme="dark"] .navbar .navbar__link[href*=discord]:before {
     background-image: url('/img/discord-brand-dark.svg');
 }
 
-.navbar svg[class*=iconExternalLink],
-aside svg[class*=iconExternalLink] {
+.navbar .icon svg[class*=iconExternalLink],
+aside .icon svg[class*=iconExternalLink] {
     display: none;
 }