diff options
Diffstat (limited to 'src/components/layouts/AppBar.js')
| -rw-r--r-- | src/components/layouts/AppBar.js | 47 |
1 files changed, 0 insertions, 47 deletions
diff --git a/src/components/layouts/AppBar.js b/src/components/layouts/AppBar.js deleted file mode 100644 index fe74c940..00000000 --- a/src/components/layouts/AppBar.js +++ /dev/null @@ -1,47 +0,0 @@ -import { Bars3Icon, ChevronLeftIcon, HomeIcon, ShoppingCartIcon } from "@heroicons/react/24/outline"; -import Head from "next/head"; -import { useRouter } from "next/router"; -import Link from "../elements/Link"; - -const AppBar = ({ title }) => { - const router = useRouter(); - - 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"> - {/* --- 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="/shop/cart"> - <ShoppingCartIcon className="w-6 stroke-2 text-gray_r-12"/> - </Link> - <Link href="/"> - <HomeIcon className="w-6 stroke-2 text-gray_r-12"/> - </Link> - <Link href="/my/menu"> - <Bars3Icon className="w-6 stroke-2 text-gray_r-12"/> - </Link> - </div> - {/* --- End Icons */} - </div> - </> - ); -}; - -export default AppBar;
\ No newline at end of file |