diff options
Diffstat (limited to 'src/core/components/elements/Appbar/Appbar.jsx')
| -rw-r--r-- | src/core/components/elements/Appbar/Appbar.jsx | 34 |
1 files changed, 16 insertions, 18 deletions
diff --git a/src/core/components/elements/Appbar/Appbar.jsx b/src/core/components/elements/Appbar/Appbar.jsx index 36df9edb..4300287f 100644 --- a/src/core/components/elements/Appbar/Appbar.jsx +++ b/src/core/components/elements/Appbar/Appbar.jsx @@ -1,33 +1,31 @@ -import { useRouter } from "next/router" -import Link from "../Link/Link" -import { HomeIcon, Bars3Icon, ShoppingCartIcon, ChevronLeftIcon } from "@heroicons/react/24/outline" +import { useRouter } from 'next/router' +import Link from '../Link/Link' +import { HomeIcon, Bars3Icon, ShoppingCartIcon, ChevronLeftIcon } from '@heroicons/react/24/outline' const AppBar = ({ title }) => { const router = useRouter() return ( - <nav className="sticky top-0 z-50 bg-white border-b border-gray_r-6 flex justify-between"> - <div className="flex items-center"> - <button type="button" className="p-4" onClick={() => router.back()}> - <ChevronLeftIcon className="w-6 stroke-2" /> + <nav className='sticky top-0 z-50 bg-white border-b border-gray_r-6 flex justify-between'> + <div className='flex items-center'> + <button type='button' className='p-4' onClick={() => router.back()}> + <ChevronLeftIcon className='w-6 stroke-2' /> </button> - <div className="font-medium text-h-sm line-clamp-1"> - { title } - </div> + <div className='font-medium text-h-sm line-clamp-1'>{title}</div> </div> - <div className="flex items-center px-2"> - <Link href="/shop/cart" className="py-4 px-2"> - <ShoppingCartIcon className="w-6 text-gray_r-12" /> + <div className='flex items-center px-2'> + <Link href='/shop/cart' className='py-4 px-2'> + <ShoppingCartIcon className='w-6 text-gray_r-12' /> </Link> - <Link href="/" className="py-4 px-2"> - <HomeIcon className="w-6 text-gray_r-12" /> + <Link href='/' className='py-4 px-2'> + <HomeIcon className='w-6 text-gray_r-12' /> </Link> - <Link href="/my/menu" className="py-4 px-2"> - <Bars3Icon className="w-6 text-gray_r-12" /> + <Link href='/my/menu' className='py-4 px-2'> + <Bars3Icon className='w-6 text-gray_r-12' /> </Link> </div> </nav> ) } -export default AppBar
\ No newline at end of file +export default AppBar |