add ids to sections.

bradgarropy · Oct 9, 2023 · 540e1a1 · 540e1a1
1 parent 0ce3559
commit 540e1a1
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 8 deletions.
diff --git a/src/components/Home/Home.tsx b/src/components/Home/Home.tsx
@@ -23,30 +23,43 @@ const Home: FC<HomeProps> = ({latestPosts, latestVideos, featuredProjects}) => {
         <div className="mt-16 grid gap-y-16 max-[700px]:m-0">
             <Hero />
 
-            <Section title="blog" link="/blog">
+            <Section id="blog" title="blog" link="/blog">
                 <LatestPosts latestPosts={latestPosts} />
             </Section>
 
-            <Section title="videos" link="https://youtube.com/bradgarropy">
+            <Section
+                id="videos"
+                title="videos"
+                link="https://youtube.com/bradgarropy"
+            >
                 <LatestVideos latestVideos={latestVideos} />
             </Section>
 
-            <Section title="projects" link="https://github.com/bradgarropy">
+            <Section
+                id="projects"
+                title="projects"
+                link="https://github.com/bradgarropy"
+            >
                 <FeaturedProjects featuredProjects={featuredProjects} />
             </Section>
 
             <Section
+                id="podcasts"
                 title="podcasts"
                 link="https://open.spotify.com/show/3TAuVah0Q9BOV5PbwPDGfs"
             >
                 <Podcasts />
             </Section>
 
-            <Section title="store" link="https://bradgarropy.com/store">
+            <Section
+                id="store"
+                title="store"
+                link="https://bradgarropy.com/store"
+            >
                 <Shirts />
             </Section>
 
-            <Section title="newsletter">
+            <Section id="newsletter" title="newsletter">
                 <Newsletter />
             </Section>
         </div>

diff --git a/src/components/Sponsors/Sponsors.tsx b/src/components/Sponsors/Sponsors.tsx
@@ -31,7 +31,7 @@ const Sponsors: FC<SponsorsProps> = ({sponsors}) => {
             </Section>
 
             {Object.entries(sponsors).map(([frequency, sponsors]) => (
-                <Section key={frequency} title={frequency}>
+                <Section key={frequency} id={frequency} title={frequency}>
                     {sponsors.length ? (
                         <div className="grid grid-flow-col justify-start gap-x-4">
                             {sponsors.map(sponsor => (

diff --git a/src/pages/blog/[slug].tsx b/src/pages/blog/[slug].tsx
@@ -23,11 +23,11 @@ const PostPage: FC<PostPageProps> = ({post, relatedPosts}) => {
             <div className="flex flex-col gap-y-28">
                 <Post post={post} />
 
-                <Section title="related posts">
+                <Section id="related-posts" title="related posts">
                     <PostList posts={relatedPosts} />
                 </Section>
 
-                <Section title="newsletter" link="/newsletter">
+                <Section id="newsletter" title="newsletter" link="/newsletter">
                     <Newsletter />
                 </Section>
             </div>