kevin/KevinK.dev.js
1
0
Fork 0
mirror of https://github.com/Unkn0wnCat/KevinK.dev.js.git synced 2025-04-30 10:46:57 +02:00
Code Issues Projects Releases Wiki Activity

Fix navigation

Browse source
This commit is contained in:
Kevin Kandlbinder 2021-10-18 17:32:38 +02:00
parent b1eb8b4221
commit 4b0487e300
1 changed files with 8 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/navigation.js
View file

@ -10,14 +10,12 @@ import { X } from "lucide-react";
import { Fade as Hamburger } from "hamburger-react"; import { Fade as Hamburger } from "hamburger-react";
const OffScreenNav = ({ active, close }) => { const OffScreenNav = ({ active, close }) => {
if (typeof window === "undefined") { if (typeof document === "undefined") return <></>;
return null;
}
return createPortal( return createPortal(
<div <div
className={ className={
styles.offscreenNav + " " + (active ? styles.active : "") styles.offscreenNav + (active ? " " + styles.active : "")
} }
> >
<div className={styles.inner}> <div className={styles.inner}>
@ -53,10 +51,15 @@ const OffScreenNav = ({ active, close }) => {
</Link> </Link>
</div> </div>
</div>, </div>,
window.document.body document.body
); );
}; };
OffScreenNav.propTypes = {
close: PropTypes.func.isRequired,
active: PropTypes.bool.isRequired,
};
const Navigation = ({ isHome }) => { const Navigation = ({ isHome }) => {
let [atTop, setAtTop] = useState(false); let [atTop, setAtTop] = useState(false);
const [offscreenNavActive, setOffscreenNavActive] = useState(false); const [offscreenNavActive, setOffscreenNavActive] = useState(false);