docs(header): update stories for header components

IATI · Nov 6, 2024 · 2e68fdb · 2e68fdb
1 parent 4af2f9e
commit 2e68fdb
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 15 deletions.
diff --git a/src/scss/components/mobile-nav/mobile-nav.stories.ts b/src/scss/components/mobile-nav/mobile-nav.stories.ts
@@ -3,13 +3,7 @@ import { html } from "lit";
 import type { Meta, StoryObj } from "@storybook/web-components";
 import { Close as MenuToggle } from "../menu-toggle/menu-toggle.stories";
 
-const toolItems = [
-  "Tool Home",
-  "About",
-  "Data Dashboards",
-  "Custom Data Download",
-];
-const generalItems = ["IATI Home", "News", "Events", "Contact", "Help Docs"];
+const toolItems = ["Tool Home", "About"];
 
 const meta: Meta = {
   title: "Components/Mobile Nav",
@@ -55,12 +49,39 @@ export const MobileNav: Story = {
           )}
         </ul>
         <ul class="">
-          ${generalItems.map(
-            (i) =>
-              html`<li class="iati-mobile-nav__item">
-                <a href="#" class="iati-mobile-nav__link">${i}</a>
-              </li>`,
-          )}
+          <li class="iati-mobile-nav__item">
+            <a
+              href="https://iatistandard.org/en/about/"
+              class="iati-mobile-nav__link"
+              >About IATI</a
+            >
+          </li>
+          <li class="iati-mobile-nav__item">
+            <a
+              href="https://iatistandard.org/en/using-data/"
+              class="iati-mobile-nav__link"
+              >Use Data</a
+            >
+          </li>
+          <li class="iati-mobile-nav__item">
+            <a
+              href="https://iatistandard.org/en/guidance/publishing-data/"
+              class="iati-mobile-nav__link"
+            >
+              Publish Data
+            </a>
+          </li>
+          <li class="iati-mobile-nav__item">
+            <a
+              href="https://iatistandard.org/guidance/get-support/"
+              class="iati-mobile-nav__link"
+            >
+              Contact
+            </a>
+          </li>
+          <li class="iati-mobile-nav__item">
+            <a href="#" class="iati-mobile-nav__link">Help Docs</a>
+          </li>
         </ul>
       </nav>
     </div>

diff --git a/src/scss/components/title-bar/title-bar.stories.ts b/src/scss/components/title-bar/title-bar.stories.ts
@@ -17,7 +17,7 @@ export const Default: Story = {
   render: () => html`
     <div class="iati-header-title">
       <p class="iati-header-title__eyebrow">IATI Tools</p>
-      <p class="iati-header-title__heading">Country Development Finance Data</p>
+      <p class="iati-header-title__heading">Tool Name</p>
     </div>
   `,
 };
diff --git a/src/scss/components/tool-nav/tool-nav.stories.ts b/src/scss/components/tool-nav/tool-nav.stories.ts
@@ -2,7 +2,7 @@ import { html } from "lit";
 
 import type { Meta, StoryObj } from "@storybook/web-components";
 
-const items = ["Tool Home", "About", "Data Dashboards", "Custom Data Download"];
+const items = ["Tool Name", "About"];
 
 const meta: Meta = {
   title: "Components/Header/Tool Nav",