diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-22 11:03:34 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-22 11:03:34 +0700 |
| commit | f66b12fd1d0b83af0d7230d7b1565fbe00afbe3c (patch) | |
| tree | 253dcf854a3c92e09ca846e86a09e5b4c5d16be1 /src/core/components/elements/Appbar | |
| parent | 3c559031623649a67825ff47f34512f0eb946861 (diff) | |
prettier
Diffstat (limited to 'src/core/components/elements/Appbar')
| -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 |