From 325535844ff10ff5865f0694f6decfa7dba6db6d Mon Sep 17 00:00:00 2001
From: "Mohammad J. Zamani" <mohammadjavad.zamani-pozveh@t-systems.com>
Date: Thu, 28 Nov 2024 13:05:29 +0000
Subject: [PATCH] fix: searched all files for statik links and converted them

---
 src/components/HomepageContribute/index.tsx   | 45 +++++------
 .../HomepageFeaturedServices/index.tsx        | 75 ++++++++++---------
 src/components/HomepageNewServices/index.tsx  | 41 +++++-----
 src/pages/index.tsx                           |  3 +-
 4 files changed, 84 insertions(+), 80 deletions(-)

diff --git a/src/components/HomepageContribute/index.tsx b/src/components/HomepageContribute/index.tsx
index c6822ebfa..11200d276 100644
--- a/src/components/HomepageContribute/index.tsx
+++ b/src/components/HomepageContribute/index.tsx
@@ -1,26 +1,27 @@
 import clsx from 'clsx';
 import Heading from '@theme/Heading';
 import styles from './styles.module.css';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 export default function HomepageContribute(): JSX.Element {
-    return (
-      // <section className="container" style={{ paddingTop: '20px', paddingBottom: '45px' }}>
-          <div className={clsx("row row--no-gutters", styles.item)}>
-            <div className={clsx("col col--12", styles.item__inner)}>
-              <div>
-                <h1 className="margin-bottom--md">Contribute</h1>
-                <p className="margin-bottom--md">
-                  Share with our vibrant community all that cool staff you've built with Open Telekom Cloud.
-                </p>
-                <a href="/docs/features/version-and-publish" className="button button--secondary" style={{ marginRight: '10px', marginBottom: '10px' }} >
-                  Join us on GitHub
-                </a>
-                <a href="/docs/features/version-and-publish" className="button button--secondary" style={{ marginRight: '10px', marginBottom: '10px' }}>
-                  Join us on Medium
-                </a>
-              </div>
-            </div>
-            {/* <div
+  return (
+    // <section className="container" style={{ paddingTop: '20px', paddingBottom: '45px' }}>
+    <div className={clsx("row row--no-gutters", styles.item)}>
+      <div className={clsx("col col--12", styles.item__inner)}>
+        <div>
+          <h1 className="margin-bottom--md">Contribute</h1>
+          <p className="margin-bottom--md">
+            Share with our vibrant community all that cool staff you've built with Open Telekom Cloud.
+          </p>
+          <a href={useBaseUrl("/docs/features/version-and-publish")} className="button button--secondary" style={{ marginRight: '10px', marginBottom: '10px' }} >
+            Join us on GitHub
+          </a>
+          <a href={useBaseUrl("/docs/features/version-and-publish")} className="button button--secondary" style={{ marginRight: '10px', marginBottom: '10px' }}>
+            Join us on Medium
+          </a>
+        </div>
+      </div>
+      {/* <div
               className="col col--6"
               aria-hidden="true"
               style={{
@@ -30,7 +31,7 @@ export default function HomepageContribute(): JSX.Element {
                 backgroundPosition: "right",
               }}
             ></div> */}
-          </div>
-        // </section>
-    );
-  }
\ No newline at end of file
+    </div>
+    // </section>
+  );
+}
\ No newline at end of file
diff --git a/src/components/HomepageFeaturedServices/index.tsx b/src/components/HomepageFeaturedServices/index.tsx
index bfd0c07aa..c6066fcbc 100644
--- a/src/components/HomepageFeaturedServices/index.tsx
+++ b/src/components/HomepageFeaturedServices/index.tsx
@@ -3,46 +3,47 @@ import Heading from '@theme/Heading';
 import styles from './styles.module.css';
 import FeaturedServices from '../ServiceCallouts/FeaturedServices';
 import NewServices from '../ServiceCallouts/NewServices';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 export default function HomepageFeaturedServices(): JSX.Element {
-    return (
+  return (
     <section className="container" style={{ paddingTop: '20px', paddingBottom: '45px' }}>
-        <div className={clsx("row row--no-gutters", styles.item)}>
-          <div className={clsx("col col--4", styles.item__inner)}>
-            <div>
-              <h1 className={clsx("margin-bottom--md", styles.item__title)}>
-                Explore our Featured Services
-              </h1>
-              <p className="margin-bottom--md">
-                Check out our collection of technical solutions, best practices and cool tips for the most popular services of Open Telekom Cloud.
-              </p>
-              <a className="button button--secondary" href="/docs/best-practices">
-                Explore our Best Practices
-              </a>
-            </div>
+      <div className={clsx("row row--no-gutters", styles.item)}>
+        <div className={clsx("col col--4", styles.item__inner)}>
+          <div>
+            <h1 className={clsx("margin-bottom--md", styles.item__title)}>
+              Explore our Featured Services
+            </h1>
+            <p className="margin-bottom--md">
+              Check out our collection of technical solutions, best practices and cool tips for the most popular services of Open Telekom Cloud.
+            </p>
+            <a className="button button--secondary" href={useBaseUrl("/docs/best-practices")}>
+              Explore our Best Practices
+            </a>
           </div>
-          <div className="col col--8" aria-hidden="true" style={{ paddingTop: '40px' }}>
-            <FeaturedServices />
-          </div>
-          {/* <scale-divider></scale-divider> */}
-          <div className={clsx("col col--4", styles.item__inner)}>
-            <div>
-              <h1 className={clsx("margin-bottom--md", styles.item__title)}>
-                What's new?
-              </h1>
-              <p className="margin-bottom--md">
-                Explore the technical documentation of our brand new services in Help Center.
-              </p>
-              <a className="button button--secondary" href="https://www.open-telekom-cloud.com/en/products-services/roadmap" target="_blank">
-                Check the Portfolio Roadmap
-              </a>
-            </div>
-          </div>
-          <div className="col col--8" aria-hidden="true" style={{ paddingTop: '40px' }}>
-            <NewServices />
+        </div>
+        <div className="col col--8" aria-hidden="true" style={{ paddingTop: '40px' }}>
+          <FeaturedServices />
+        </div>
+        {/* <scale-divider></scale-divider> */}
+        <div className={clsx("col col--4", styles.item__inner)}>
+          <div>
+            <h1 className={clsx("margin-bottom--md", styles.item__title)}>
+              What's new?
+            </h1>
+            <p className="margin-bottom--md">
+              Explore the technical documentation of our brand new services in Help Center.
+            </p>
+            <a className="button button--secondary" href="https://www.open-telekom-cloud.com/en/products-services/roadmap" target="_blank">
+              Check the Portfolio Roadmap
+            </a>
           </div>
-          
         </div>
-    </section>
-    );
-  }
\ No newline at end of file
+        <div className="col col--8" aria-hidden="true" style={{ paddingTop: '40px' }}>
+          <NewServices />
+        </div>
+
+      </div>
+    </section >
+  );
+}
\ No newline at end of file
diff --git a/src/components/HomepageNewServices/index.tsx b/src/components/HomepageNewServices/index.tsx
index a59a64d32..0fc1dccb1 100644
--- a/src/components/HomepageNewServices/index.tsx
+++ b/src/components/HomepageNewServices/index.tsx
@@ -2,28 +2,29 @@ import clsx from 'clsx';
 import Heading from '@theme/Heading';
 import styles from './styles.module.css';
 import NewServices from '../ServiceCallouts/NewServices';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 export default function HomepageNewServices(): JSX.Element {
-    return (
+  return (
     <section className="container" style={{ paddingTop: '20px', paddingBottom: '45px' }}>
-        <div className={clsx("row row--no-gutters", styles.item)}>
-          <div className="col col--8" aria-hidden="true" style={{ paddingTop: '40px' }}>
-            <NewServices />
-          </div>
-          <div className={clsx("col col--4", styles.item__inner)}>
-            <div>
-              <h1 className={clsx("margin-bottom--md", styles.item__title)}>
-                Meet the New Comers
-              </h1>
-              <p className="margin-bottom--md">
-                Explore the new services added in Open Telekom Cloud portfolio.
-              </p>
-              <a className="button button--secondary" href="/docs/best-practices">
-                Check the Roadmap Portfolio
-              </a>
-            </div>
+      <div className={clsx("row row--no-gutters", styles.item)}>
+        <div className="col col--8" aria-hidden="true" style={{ paddingTop: '40px' }}>
+          <NewServices />
+        </div>
+        <div className={clsx("col col--4", styles.item__inner)}>
+          <div>
+            <h1 className={clsx("margin-bottom--md", styles.item__title)}>
+              Meet the New Comers
+            </h1>
+            <p className="margin-bottom--md">
+              Explore the new services added in Open Telekom Cloud portfolio.
+            </p>
+            <a className="button button--secondary" href={useBaseUrl("/docs/best-practices")}>
+              Check the Roadmap Portfolio
+            </a>
           </div>
         </div>
-      </section>
-    );
-  }
\ No newline at end of file
+      </div>
+    </section>
+  );
+}
\ No newline at end of file
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 38bf6d9c5..b7578683e 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -5,6 +5,7 @@ import Layout from '@theme/Layout';
 import HomepageFeatures from '@site/src/components/HomepageFeatures';
 import Heading from '@theme/Heading';
 import { useColorMode, useThemeConfig } from '@docusaurus/theme-common';
+import useBaseUrl from '@docusaurus/useBaseUrl';
 
 import styles from './index.module.css';
 import HomepageFeaturedServices from '../components/HomepageFeaturedServices';
@@ -24,7 +25,7 @@ function HomepageHeader() {
         </Heading>
         <p className="hero__subtitle">Open Telekom Cloud {siteConfig.tagline}</p>
         <div className={styles.buttons}>
-          <scale-button href="/docs/blueprints" variant={buttonVariant}>
+          <scale-button href={useBaseUrl("/docs/blueprints")} variant={buttonVariant}>
             Get Started <scale-icon-navigation-right></scale-icon-navigation-right>
           </scale-button>
         </div>