fix: useBaseUrl on translated links (verdaccio#2353)

taskforcesh · Jul 27, 2021 · d1d820f · d1d820f
1 parent 25a4601
commit d1d820f
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 4 deletions.
diff --git a/website/src/components/Features.tsx b/website/src/components/Features.tsx
@@ -49,7 +49,7 @@ const Features = (): React.ReactElement => (
       ))}
     </div>
     <div className={styles.linkFeatures}>
-      <Link to="/docs/configuration" className="link-primary">
+      <Link to={useBaseUrl("/docs/configuration")} className="link-primary">
         <Translate>Discover more features</Translate>
       </Link>
     </div>

diff --git a/website/src/components/Header.tsx b/website/src/components/Header.tsx
@@ -23,7 +23,7 @@ const Header = (): React.ReactElement => {
             <a href="https://github.com/verdaccio/verdaccio" className="link-secondary">
               GITHUB
             </a>
-            <Link to="/docs/what-is-verdaccio" className="link-primary">
+            <Link to={useBaseUrl("/docs/what-is-verdaccio")} className="link-primary">
               <Translate>GET STARTED</Translate>
             </Link>
             <a href="https://github.com/verdaccio/verdaccio/blob/master/CONTRIBUTING.md" className="link-secondary">

diff --git a/website/src/components/WhatIsVerdaccio.tsx b/website/src/components/WhatIsVerdaccio.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 import Translate from '@docusaurus/Translate';
 import { Link } from '@docusaurus/router';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 import Divider from './Divider';
 
 import styles from './WhatIsVerdaccio.module.scss';
@@ -19,7 +20,7 @@ const WhatIs = (): React.ReactElement => (
         services such as Amazon&apos;s S3, Google Cloud Storage or create your own plugin.
       </Translate>
     </p>
-    <Link to="/docs/installation" className="link-primary">
+    <Link to={useBaseUrl("/docs/installation")} className="link-primary">
       <Translate>Dive into Verdaccio</Translate>
     </Link>
     <Divider />

diff --git a/website/src/pages/help.tsx b/website/src/pages/help.tsx
@@ -5,6 +5,7 @@ import { Follow } from 'react-twitter-widgets';
 import Translate from '@docusaurus/Translate';
 import clsx from 'clsx';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 import styles from './help.module.scss';
 
@@ -56,7 +57,7 @@ const SUPPORT_LINKS = (lang: string) => [
       <Translate
         values={{
           link: (
-            <Link to="/docs/what-is-verdaccio">
+            <Link to={useBaseUrl("/docs/what-is-verdaccio")}>
               <Translate>documentation on this site</Translate>
             </Link>
           ),