|
|
|
@ -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<React.SetStateAction<boolean>>; |
|
|
|
|
} |
|
|
|
|
import styles from "./OrganizedContent.module.css"; |
|
|
|
|
|
|
|
|
|
type Link = ComponentType<LinkProps>; |
|
|
|
|
|
|
|
|
@ -103,7 +97,7 @@ export function OrganizedContent({ |
|
|
|
|
onClick={() => setMobileNavOpen(!mobileNavOpen)} |
|
|
|
|
> |
|
|
|
|
{/* this is copied from hamburger.svg with changed colors */} |
|
|
|
|
<Burger/> |
|
|
|
|
<Burger /> |
|
|
|
|
</button> |
|
|
|
|
</div> |
|
|
|
|
); |
|
|
|
@ -139,12 +133,13 @@ function Nav({ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
|
<div onClick={() => {setMobileNavOpen(false)}}> |
|
|
|
|
<Link |
|
|
|
|
className={classNames.join(" ")} |
|
|
|
|
id={section.id} |
|
|
|
|
key={section.id} |
|
|
|
|
> |
|
|
|
|
<div |
|
|
|
|
onClick={() => { |
|
|
|
|
setMobileNavOpen(false); |
|
|
|
|
}} |
|
|
|
|
key={section.id} |
|
|
|
|
> |
|
|
|
|
<Link className={classNames.join(" ")} id={section.id}> |
|
|
|
|
<span className={styles.marker} /> |
|
|
|
|
<div>{section.title}</div> |
|
|
|
|
</Link> |
|
|
|
@ -374,5 +369,5 @@ function Burger() { |
|
|
|
|
strokeLinejoin="round" |
|
|
|
|
/> |
|
|
|
|
</svg> |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|