From 2f9a8546f2ea6555481617fd5413d67bd975d65c Mon Sep 17 00:00:00 2001
From: Akiff Manji <akiff.manji@quartech.com>
Date: Sat, 10 Aug 2024 14:14:03 -0700
Subject: [PATCH] feat: add link descriptions and readd blog

Signed-off-by: Akiff Manji <akiff.manji@quartech.com>
---
 digital-trust-toolkit/blog/index.md           |  1 +
 .../docs/delivery-manual/index.md             |  3 +-
 .../docs/experience-patterns/index.md         |  5 ++
 .../docs/foundations/index.md                 |  5 ++
 digital-trust-toolkit/docs/resources/index.md |  6 ++
 digital-trust-toolkit/docusaurus.config.ts    | 10 ++-
 .../src/components/HomepageFeatures/index.tsx | 61 +++++--------------
 7 files changed, 41 insertions(+), 50 deletions(-)
 create mode 100644 digital-trust-toolkit/blog/index.md

diff --git a/digital-trust-toolkit/blog/index.md b/digital-trust-toolkit/blog/index.md
new file mode 100644
index 00000000..971d1448
--- /dev/null
+++ b/digital-trust-toolkit/blog/index.md
@@ -0,0 +1 @@
+# Roadmap
\ No newline at end of file
diff --git a/digital-trust-toolkit/docs/delivery-manual/index.md b/digital-trust-toolkit/docs/delivery-manual/index.md
index 5cc49ea3..10bc5f26 100644
--- a/digital-trust-toolkit/docs/delivery-manual/index.md
+++ b/digital-trust-toolkit/docs/delivery-manual/index.md
@@ -1,5 +1,6 @@
 ---
-description: This is a description
+order: 3
+description: Find step-by-step guidance for successful digital trust adoption.
 ---
 
 # Delivery Manual
diff --git a/digital-trust-toolkit/docs/experience-patterns/index.md b/digital-trust-toolkit/docs/experience-patterns/index.md
index 2c5f2cc1..5b8138f4 100644
--- a/digital-trust-toolkit/docs/experience-patterns/index.md
+++ b/digital-trust-toolkit/docs/experience-patterns/index.md
@@ -1 +1,6 @@
+---
+order: 2
+description: Explore proven patterns and use cases for implementing digital trust.
+---
+
 # Experience Patterns
\ No newline at end of file
diff --git a/digital-trust-toolkit/docs/foundations/index.md b/digital-trust-toolkit/docs/foundations/index.md
index e67fdb82..a4177ca7 100644
--- a/digital-trust-toolkit/docs/foundations/index.md
+++ b/digital-trust-toolkit/docs/foundations/index.md
@@ -1 +1,6 @@
+---
+order: 1
+description: Understand the core principles and frameworks of digital trust.
+---
+
 # Foundations
\ No newline at end of file
diff --git a/digital-trust-toolkit/docs/resources/index.md b/digital-trust-toolkit/docs/resources/index.md
index 54fed86a..952df337 100644
--- a/digital-trust-toolkit/docs/resources/index.md
+++ b/digital-trust-toolkit/docs/resources/index.md
@@ -1 +1,7 @@
+---
+sidebar_position: 1
+order: 4
+description: Utilize a comprehensive set of tools and guides to launch your digital trust projects.
+---
+
 # Resources
\ No newline at end of file
diff --git a/digital-trust-toolkit/docusaurus.config.ts b/digital-trust-toolkit/docusaurus.config.ts
index de28447a..3bd7e625 100644
--- a/digital-trust-toolkit/docusaurus.config.ts
+++ b/digital-trust-toolkit/docusaurus.config.ts
@@ -69,11 +69,17 @@ const config: Config = {
         ...mainLinks.map((link: MainLink) => ({
           type: 'docSidebar',
           sidebarId: link.id,
-          label: link.label,
           position: 'left' as const,
+          label: link.label,
+          metadata: {
+            to: link.to,
+            description: link.description,
+            autogenerated: true,
+          }
         })),
+        { to: '/blog', label: 'Roadmap', position: 'left' },
         {
-          href: 'https://github.com/bcgov/bc-vcpedia',
+          href: 'https://digital.gov.bc.ca/digital-trust/home',
           label: 'About',
           position: 'right',
         },
diff --git a/digital-trust-toolkit/src/components/HomepageFeatures/index.tsx b/digital-trust-toolkit/src/components/HomepageFeatures/index.tsx
index 0402ba17..722ffccb 100644
--- a/digital-trust-toolkit/src/components/HomepageFeatures/index.tsx
+++ b/digital-trust-toolkit/src/components/HomepageFeatures/index.tsx
@@ -2,59 +2,20 @@ import clsx from 'clsx';
 import Heading from '@theme/Heading';
 import styles from './styles.module.css';
 import Link from '@docusaurus/Link';
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 
-type FeatureItem = {
-  title: string;
-  path: string;
-  description?: JSX.Element;
+interface FeatureItem {
+  label: string;
+  metadata: any;
 };
 
-const FeatureList: FeatureItem[] = [
-  {
-    title: 'Foundations',
-    path: '/docs/foundations',
-    description: (
-      <>
-        Understand the core principles and frameworks of digital trust.
-      </>
-    ),
-  },
-  {
-    title: 'Experience Patterns',
-    path: '/docs/experience-patterns',
-    description: (
-      <>
-        Explore proven patterns and use cases for implementing digital trust.
-      </>
-    ),
-  },
-  {
-    title: 'Delivery Manual',
-    path: '/docs/delivery-manual',
-    description: (
-      <>
-        Find step-by-step guidance for successful digital trust adoption.
-      </>
-    ),
-  },
-  {
-    title: 'Resources',
-    path: '/docs/resources',
-    description: (
-      <>
-        Utilize a comprehensive set of tools and guides to launch your digital trust projects.
-      </>
-    ),
-  },
-];
-
-function Feature({ title, path, description }: FeatureItem) {
+function Feature({ label, metadata }: FeatureItem) {
   return (
     <div className={clsx('col col--3', styles.feature)}>
-      <Link to={path} className={clsx('unstyled-link')}>
+      <Link to={`docs/${metadata?.to}`} className={clsx('unstyled-link')}>
         <div>
-          <Heading as="h2">{title}</Heading>
-          <p>{description}</p>
+          <Heading as="h2">{label}</Heading>
+          <p>{metadata?.description}</p>
         </div>
       </Link>
     </div>
@@ -62,6 +23,12 @@ function Feature({ title, path, description }: FeatureItem) {
 }
 
 export default function HomepageFeatures(): JSX.Element {
+  const { siteConfig } = useDocusaurusContext();
+  const { themeConfig } = siteConfig;
+
+  const FeatureList: FeatureItem[] = (themeConfig.navbar as any).items
+    .filter((item: any) => item?.metadata?.autogenerated);
+
   return (
     <section className={styles.features}>
       <div className="container">