From d1d820f8b2f674406e492e2a8a17c5716cd32517 Mon Sep 17 00:00:00 2001
From: Sergio Moreno <sergio.moreno@flowable.com>
Date: Wed, 28 Jul 2021 00:04:36 +0200
Subject: [PATCH] fix: useBaseUrl on translated links (#2353)

---
 website/src/components/Features.tsx        | 2 +-
 website/src/components/Header.tsx          | 2 +-
 website/src/components/WhatIsVerdaccio.tsx | 3 ++-
 website/src/pages/help.tsx                 | 3 ++-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/website/src/components/Features.tsx b/website/src/components/Features.tsx
index 042b21ed5..772a3bf89 100644
--- 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
index 13c4825d0..e2a021e23 100644
--- 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
index 032863d91..55baea416 100644
--- 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
index 57587b36b..703f81517 100644
--- 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>
           ),