From bc4b66a2223bc40b6712574a923469a3c8b7e050 Mon Sep 17 00:00:00 2001 From: "Mohammad J. Zamani" Date: Tue, 22 Oct 2024 13:48:53 +0000 Subject: [PATCH 1/4] fix: resolve service callout links with useBaseUrl hook --- src/components/ServiceCallouts/callout.tsx | 113 +++++++++++---------- 1 file changed, 57 insertions(+), 56 deletions(-) diff --git a/src/components/ServiceCallouts/callout.tsx b/src/components/ServiceCallouts/callout.tsx index 2d6f9448b..92ff2d8f8 100644 --- a/src/components/ServiceCallouts/callout.tsx +++ b/src/components/ServiceCallouts/callout.tsx @@ -1,60 +1,61 @@ import { - ClockIcon, - CogIcon, - CubeTransparentIcon, - RectangleGroupIcon, - RectangleStackIcon, - ShareIcon, - SparklesIcon, - UsersIcon, - } from "@heroicons/react/24/outline"; - import clsx from "clsx"; - import React from "react"; - import styles from "./styles.modules.css"; - - export interface Callout { - title: string; - text?: string; - link: string; - icon: (props: React.ComponentProps<"svg">) => JSX.Element; - } - - function Callout(props: Callout): JSX.Element { - return ( - -
-
-

-

-
-
+ ClockIcon, + CogIcon, + CubeTransparentIcon, + RectangleGroupIcon, + RectangleStackIcon, + ShareIcon, + SparklesIcon, + UsersIcon, +} from "@heroicons/react/24/outline"; +import clsx from "clsx"; +import React from "react"; +import styles from "./styles.modules.css"; +import useBaseUrl from '@docusaurus/useBaseUrl'; + +export interface Callout { + title: string; + text?: string; + link: string; + icon: (props: React.ComponentProps<"svg">) => JSX.Element; +} + +function Callout(props: Callout): JSX.Element { + return ( + +
+
+

+

+
+
-

- {props.text} -

-
-
+

+ {props.text} +

- - ); - } +
+
+ + ); +} - export interface ServiceCalloutsProps { - callouts: Callout[]; - } - - export default function ServiceCallouts({ callouts }: ServiceCalloutsProps): JSX.Element { - return ( -
-
- {callouts.map((c) => ( -
- -
- ))} -
-
- ); - } \ No newline at end of file +export interface ServiceCalloutsProps { + callouts: Callout[]; +} + +export default function ServiceCallouts({ callouts }: ServiceCalloutsProps): JSX.Element { + return ( +
+
+ {callouts.map((c) => ( +
+ +
+ ))} +
+
+ ); +} \ No newline at end of file From 3f201a4f0d642421fc3e09b944700a13ef967ad4 Mon Sep 17 00:00:00 2001 From: "Mohammad J. Zamani" Date: Tue, 22 Oct 2024 13:57:56 +0000 Subject: [PATCH 2/4] fix: resolve homepage features links with useBaseUrl hook --- src/components/HomepageFeatures/index.tsx | 39 ++++++++++++----------- 1 file changed, 20 insertions(+), 19 deletions(-) diff --git a/src/components/HomepageFeatures/index.tsx b/src/components/HomepageFeatures/index.tsx index 7778db746..9497b4d4c 100644 --- a/src/components/HomepageFeatures/index.tsx +++ b/src/components/HomepageFeatures/index.tsx @@ -1,6 +1,7 @@ import clsx from 'clsx'; import Heading from '@theme/Heading'; import styles from './styles.module.css'; +import useBaseUrl from '@docusaurus/useBaseUrl'; type FeatureItem = { title: string; @@ -29,7 +30,7 @@ const FeatureList: FeatureItem[] = [ <> Discover tailored out-of-the-box solutions and practical implementations for a range of scenarios. Explore real-world examples demonstrating the versatility and optimal - application and infrastructure design using Open Telekom Cloud. + application and infrastructure design using Open Telekom Cloud. ), link: '/docs/blueprints' @@ -39,15 +40,15 @@ const FeatureList: FeatureItem[] = [ Svg: require('@site/static/img/caf.svg').default, description: ( <> - The Cloud Adoption Framework provides a structured approach for organizations to transition their business to - Open Telekom Cloud. It covers various stages such as strategy, planning, readiness, migration, governance, and management. + The Cloud Adoption Framework provides a structured approach for organizations to transition their business to + Open Telekom Cloud. It covers various stages such as strategy, planning, readiness, migration, governance, and management. ), link: '/caf' }, ]; -function Feature({title, Svg, description, link}: FeatureItem) { +function Feature({ title, Svg, description, link }: FeatureItem) { return ( //
//
@@ -62,26 +63,26 @@ function Feature({title, Svg, description, link}: FeatureItem) { //
//
- -
-
- -
-
- {/*

{title}

*/} - {title} - - {description} - - {/* + +
+
+ +
+
+ {/*

{title}

*/} + {title} + + {description} + + {/* Get Started */} -
- +
+
- ); + ); } export default function HomepageFeatures(): JSX.Element { From 325535844ff10ff5865f0694f6decfa7dba6db6d Mon Sep 17 00:00:00 2001 From: "Mohammad J. Zamani" Date: Thu, 28 Nov 2024 13:05:29 +0000 Subject: [PATCH 3/4] 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 ( - //
-
-
-
-

Contribute

-

- Share with our vibrant community all that cool staff you've built with Open Telekom Cloud. -

- - Join us on GitHub - - - Join us on Medium - -
-
- {/*
+
+
+
+

Contribute

+

+ Share with our vibrant community all that cool staff you've built with Open Telekom Cloud. +

+ + Join us on GitHub + + + Join us on Medium + +
+
+ {/* */} -
- //
- ); - } \ No newline at end of file +
+ // + ); +} \ 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 (
-
-
-
-

- Explore our Featured Services -

-

- Check out our collection of technical solutions, best practices and cool tips for the most popular services of Open Telekom Cloud. -

- - Explore our Best Practices - -
+
+
+
+

+ Explore our Featured Services +

+

+ Check out our collection of technical solutions, best practices and cool tips for the most popular services of Open Telekom Cloud. +

+ + Explore our Best Practices +
- - {/* */} -
-
-

- What's new? -

-

- Explore the technical documentation of our brand new services in Help Center. -

- - Check the Portfolio Roadmap - -
-
- + + {/* */} +
+
+

+ What's new? +

+

+ Explore the technical documentation of our brand new services in Help Center. +

+ + Check the Portfolio Roadmap +
-
-
- ); - } \ No newline at end of file + + +
+ + ); +} \ 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 (
-
- -
-
-

- Meet the New Comers -

-

- Explore the new services added in Open Telekom Cloud portfolio. -

- - Check the Roadmap Portfolio - -
+
+ +
+
+

+ Meet the New Comers +

+

+ Explore the new services added in Open Telekom Cloud portfolio. +

+ + Check the Roadmap Portfolio +
-
- ); - } \ No newline at end of file +
+ + ); +} \ 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() {

Open Telekom Cloud {siteConfig.tagline}

- + Get Started
From 64a88f7db3d61cbe61f08a8a969472ab31d60759 Mon Sep 17 00:00:00 2001 From: "Mohammad J. Zamani" Date: Tue, 3 Dec 2024 14:14:29 +0100 Subject: [PATCH 4/4] fix: commented useBaseUrl --- src/pages/index.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index d37ae666f..20f410720 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -4,7 +4,7 @@ import Layout from '@theme/Layout'; import HomepageFeatures from '@site/src/components/HomepageFeatures'; // import Heading from '@theme/Heading'; // import { useThemeConfig } from '@docusaurus/theme-common'; -import useBaseUrl from '@docusaurus/useBaseUrl'; +// import useBaseUrl from '@docusaurus/useBaseUrl'; // import styles from './index.module.css'; import HomepageFeaturedServices from '../components/HomepageFeaturedServices';