From ba6eca41f673f8db4d9f686fb7dab2358a4dc5eb Mon Sep 17 00:00:00 2001 From: Rafi Zadanly Date: Thu, 29 Dec 2022 16:05:43 +0700 Subject: no message --- src/components/AppBar.js | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) (limited to 'src/components') diff --git a/src/components/AppBar.js b/src/components/AppBar.js index 55af9f1a..1da2510a 100644 --- a/src/components/AppBar.js +++ b/src/components/AppBar.js @@ -1,17 +1,32 @@ import { ArrowLeftIcon, HeartIcon, HomeIcon } from "@heroicons/react/24/outline"; import Head from "next/head"; import { useRouter } from "next/router"; +import { useEffect, useState } from "react"; import Link from "./Link"; const AppBar = ({ title }) => { const router = useRouter(); + const [scrollPosition, setScrollPosition] = useState(0); + const handleScrollPosition = () => { + const position = window.pageYOffset; + setScrollPosition(position); + } + + useEffect(() => { + window.addEventListener('scroll', handleScrollPosition, { passive: true }); + + return () => { + window.addEventListener('scroll', handleScrollPosition); + }; + }, []); + return ( <> { title } - Indoteknik -
+
0 && "shadow border-b-transparent" ) }> {/* --- Start Title */}