diff options
| author | IT Fixcomart <it@fixcomart.co.id> | 2023-03-01 09:18:52 +0000 |
|---|---|---|
| committer | IT Fixcomart <it@fixcomart.co.id> | 2023-03-01 09:18:52 +0000 |
| commit | a7abbf4ddc70068620e9f44b74dc162ce2e16ee2 (patch) | |
| tree | 74f66253717515d364ce74bd8275015c1f829cbc /src2/components/layouts/AppBar.js | |
| parent | 90e1edab9b6a8ccc09a49fed3addbec2cbc4e4c3 (diff) | |
| parent | a1b9b647a6c4bda1f5db63879639d44543f9557e (diff) | |
Merged in refactor (pull request #1)
Refactor
Diffstat (limited to 'src2/components/layouts/AppBar.js')
| -rw-r--r-- | src2/components/layouts/AppBar.js | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/src2/components/layouts/AppBar.js b/src2/components/layouts/AppBar.js new file mode 100644 index 00000000..fe74c940 --- /dev/null +++ b/src2/components/layouts/AppBar.js @@ -0,0 +1,47 @@ +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 |