diff --git a/components/OrganizedContent.tsx b/components/OrganizedContent.tsx index 4e188507..1f4a0fe4 100644 --- a/components/OrganizedContent.tsx +++ b/components/OrganizedContent.tsx @@ -1,3 +1,4 @@ +import NextLink from "next/link"; import React, { ReactNode, ComponentType, @@ -6,15 +7,8 @@ import React, { useEffect, useCallback, } from "react"; -import styles from "./OrganizedContent.module.css"; -import NextLink from "next/link"; -export interface LinkProps { //todo check if we need this - className?: string; - id: string; - children: ReactNode; - setMobileNavOpen?: React.Dispatch>; -} +import styles from "./OrganizedContent.module.css"; type Link = ComponentType; @@ -103,7 +97,7 @@ export function OrganizedContent({ onClick={() => setMobileNavOpen(!mobileNavOpen)} > {/* this is copied from hamburger.svg with changed colors */} - + ); @@ -139,12 +133,13 @@ function Nav({ } return ( -
{setMobileNavOpen(false)}}> - +
{ + setMobileNavOpen(false); + }} + key={section.id} + > +
{section.title}
@@ -374,5 +369,5 @@ function Burger() { strokeLinejoin="round" /> - ) -} \ No newline at end of file + ); +} diff --git a/components/playground.tsx b/components/playground.tsx index c7c36ddb..6b7a4b3e 100644 --- a/components/playground.tsx +++ b/components/playground.tsx @@ -238,7 +238,12 @@ export function OrganizedContentDemo() { )!.Content; return ( - + ); @@ -268,4 +273,4 @@ export function MiniTechTalkDemo() {
); -} \ No newline at end of file +}