updated "header" --> "nav"

StampyAI · Feb 14, 2024 · 8ea9e61 · 8ea9e61
1 parent 1267b5a
commit 8ea9e61
Show file tree

Hide file tree

Showing 6 changed files with 8 additions and 88 deletions.
diff --git a/app/components/ArticlesDropdown/index.tsx b/app/components/ArticlesDropdown/index.tsx
@@ -21,7 +21,6 @@ export const ArticlesDropdown = ({toc, categories}: ArticlesDropdownProps) => {
   useEffect(() => setShown(false), [shown])
 
   const Link = ({to, text, className}: {to: string; text: string; className?: string}) => (
-    // add the line below to ArticlesSection
     <div className={'articles-dropdown-entry ' + (className || '')}>
       <LinkElem to={to} onClick={hide}>
         {text}

diff --git a/app/components/Header/index.tsx b/app/components/Header/index.tsx
diff --git a/app/components/Header/nav.css b/app/components/Header/nav.css
diff --git a/app/components/Page.tsx b/app/components/Page.tsx
@@ -2,7 +2,7 @@ import {ReactNode, Suspense} from 'react'
 import {Await, useOutletContext} from '@remix-run/react'
 import type {Context} from '~/root'
 import Footer from '~/components/Footer'
-import Header from '~/components/Nav'
+import Nav from '~/components/Nav'
 import {useTags} from '~/hooks/useCachedObjects'
 import useToC from '~/hooks/useToC'
 
@@ -13,8 +13,8 @@ const Page = ({children}: {children: ReactNode}) => {
 
   return (
     <>
-      <Suspense fallback={<Header toc={toc} categories={[]} />}>
-        <Await resolve={tags}>{(tags) => <Header toc={toc} categories={tags} />}</Await>
+      <Suspense fallback={<Nav toc={toc} categories={[]} />}>
+        <Await resolve={tags}>{(tags) => <Nav toc={toc} categories={tags} />}</Await>
       </Suspense>
       {children}
 

diff --git a/app/routes/questions.editors.tsx b/app/routes/questions.editors.tsx
@@ -1,4 +1,4 @@
-import Header from '~/components/Nav'
+import Nav from '~/components/Nav'
 import Footer from '~/components/Footer'
 import {fetchAllQuestionsOnSite} from '~/routes/questions.allQuestionsOnSite'
 import type {Question} from '../server-utils/stampy'
@@ -53,7 +53,7 @@ export default function App() {
 
   return (
     <>
-      <Header categories={[]} toc={[]} />
+      <Nav categories={[]} toc={[]} />
       <main>
         <ul className="urls">
           <li>

diff --git a/stories/Header.stories.ts → stories/Nav.stories.ts b/stories/Header.stories.ts → stories/Nav.stories.ts
@@ -1,11 +1,11 @@
 import type {Meta, StoryObj} from '@storybook/react'
-import Header from '../app/components/Nav'
+import Nav from '../app/components/Nav'
 
 const meta = {
   title: 'Components/Nav',
-  component: Header,
+  component: Nav,
   tags: ['autodocs'],
-} satisfies Meta<typeof Header>
+} satisfies Meta<typeof Nav>
 export default meta
 type Story = StoryObj<typeof meta>
 export const Primary: Story = {