diff options
Diffstat (limited to 'src/components/AppBar.js')
| -rw-r--r-- | src/components/AppBar.js | 59 |
1 files changed, 0 insertions, 59 deletions
diff --git a/src/components/AppBar.js b/src/components/AppBar.js deleted file mode 100644 index 4cac8ce5..00000000 --- a/src/components/AppBar.js +++ /dev/null @@ -1,59 +0,0 @@ -import { ChevronLeftIcon, 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); - }; - }, []); - - const handleBackButtonClick = (event) => { - event.currentTarget.disabled = true; - router.back(); - } - - return ( - <> - <Head> - <title>{ title } - Indoteknik</title> - </Head> - <div className={"sticky-header flex justify-between !p-0 !pr-4 idt-transition " + (scrollPosition > 0 && "shadow border-b-transparent" ) }> - {/* --- Start Title */} - <div className="flex items-center"> - <button type="button" onClick={handleBackButtonClick} className="text-gray_r-12 px-4 py-5"> - <ChevronLeftIcon className="w-6 stroke-2"/> - </button> - <h1 className="text-h-md">{ title }</h1> - </div> - {/* --- End Title */} - - {/* --- Start Icons */} - <div className="flex gap-x-4 items-center"> - <Link href="/"> - <HeartIcon className="w-6 stroke-2 text-gray_r-12"/> - </Link> - <Link href="/"> - <HomeIcon className="w-6 stroke-2 text-gray_r-12"/> - </Link> - </div> - {/* --- End Icons */} - </div> - </> - ); -}; - -export default AppBar;
\ No newline at end of file |