Feat/83 remove secondary header

src/components/DocsNavigation/DocsNavigationDesktop/DocsNavigationDesktop.tsx

@@ -1,6 +1,5 @@
 import { clsx } from "~/lib/clsx/clsx.ts"
 import { useNavBar } from "../../Header/useNavBar/useNavBar.ts"
-import DocsPickerDesktop from "./DocsPickerDesktop.tsx"
 import styles from "./docsNavigationDesktop.module.css"
 import QuickLinksModal from "../../Header/Nav/QuickLinksModal.tsx"
 import { useState } from "react"
@@ -29,10 +28,7 @@ function DocsNavigationDesktop({
         })}
       >
         <div className={styles.container}>
-          <div className={styles.left}>
-            <DocsPickerDesktop pathname={pathname} />
-            {children}
-          </div>
+          <div className={styles.left}>{children}</div>
           <div className={styles.links}>
             {isCcipPage ? (
               /* Custom links for CCIP Directory pages */

src/components/Header/NavBar.tsx

@@ -35,13 +35,9 @@ export const NavBar = ({
       / - if the page has been scrolled down and the header is hidden
       / - if the page is a inner doc page or part of the "pathWithoutDocNav" or not
       */
-      const innerDocNavHeight = 56
-      let height = (navRef.current as HTMLElement).clientHeight
-      let baseHeightNoNav = 0
-      if (doubleNavbar()) {
-        height += innerDocNavHeight
-        baseHeightNoNav += innerDocNavHeight
-      }
+      const height = (navRef.current as HTMLElement).clientHeight
+      const baseHeightNoNav = 0
+
       const elements = document.body.querySelectorAll("[data-sticky]")
       elements.forEach((e: HTMLElement) => {
         if (!e.classList.contains(styles.animateTop)) {

src/components/LeftSidebar/LeftSidebar.astro

@@ -74,8 +74,8 @@ function removeSlashes(url: string): string {
 const sidebarSections = getSidebarSections(section)
 ---
 
-<nav aria-labelledby="grid-left" class={styles.nav}>
-  <ul class={styles.navGroups} data-sticky>
+<nav aria-labelledby="grid-left" class={styles.nav} data-sticky>
+  <ul class={styles.navGroups}>
     {
       sidebarSections.map((group) => (
         <li

src/components/PageContent/PageContent.astro

@@ -1,6 +1,5 @@
 ---
 import { MarkdownHeading } from "astro"
-import BackButton from "./BackButton.astro"
 
 export type Props = {
   titleHeading: MarkdownHeading
@@ -29,7 +28,7 @@ const { titleHeading } = Astro.props
     padding-top: var(--space-5x);
   }
 
-  /* 
+  /*
     This is a bit of trickery that keeps the content
     from shifting in the time between the DOM hydrating and the
     wrapper script finishing. The margin is supplemented

src/layouts/DocsLayout.astro

@@ -8,7 +8,6 @@ import WhatsNext from "~/components/PageContent/WhatsNext.astro"
 import type { MarkdownHeading } from "astro"
 import StickyHeader from "~/components/StickyHeader/StickyHeader"
 import BaseLayout from "./BaseLayout.astro"
-import DocsNavigation from "~/components/DocsNavigation"
 import { VersionSelector } from "~/components/VersionSelector/index.js"
 import { detectApiReference } from "@components/VersionSelector/utils/versions"
 
@@ -60,7 +59,6 @@ const howToSteps = initialHeadings
   howToSteps={howToSteps}
 >
   <StickyHeader client:media="(max-width: 50em)" {initialHeadings} />
-  <DocsNavigation client:load pathname={currentPage} />
   <main>
     <div id="left-bg"></div>
     <div class="layout">

src/layouts/TutorialLayout.astro

@@ -7,7 +7,6 @@ import WhatsNext from "~/components/PageContent/WhatsNext.astro"
 import type { MarkdownHeading } from "astro"
 import StickyHeader from "~/components/StickyHeader/StickyHeader"
 import BaseLayout from "./BaseLayout.astro"
-import DocsNavigation from "~/components/DocsNavigation"
 import { TutorialProgress } from "~/components/CCIP/TutorialProgress/TutorialProgress"
 
 interface Props {
@@ -32,7 +31,6 @@ const formattedContentTitle = `${frontmatter.title} | ${SITE.title}`
 
 <BaseLayout title={formattedContentTitle} metadata={frontmatter.metadata}>
   <StickyHeader client:media="(max-width: 50em)" {initialHeadings} />
-  <DocsNavigation client:load pathname={currentPage} />
   <main>
     <div id="left-bg"></div>
     <div class="layout">