Documentation and refactor code

1 files changed, 12 insertions, 17 deletions

diff --git a/src/core/components/elements/Appbar/Appbar.jsx b/src/core/components/elements/Appbar/Appbar.jsx
index 098d0a33..f1456a7c 100644
--- a/src/core/components/elements/Appbar/Appbar.jsx
+++ b/src/core/components/elements/Appbar/Appbar.jsx
@@ -2,38 +2,33 @@ import { useRouter } from 'next/router'
 import Link from '../Link/Link'
 import { HomeIcon, Bars3Icon, ShoppingCartIcon, ChevronLeftIcon } from '@heroicons/react/24/outline'
 
+/**
+ * The AppBar component is a navigation component used to display a header or toolbar
+ * in a web application.
+ *
+ * @param {Object} props - Props received by the component.
+ * @param {string} props.title - The title to be displayed on the AppBar.
+ * @returns {JSX.Element} - Rendered AppBar component.
+ */
 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()}
-        >
+        <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>
       <div className='flex items-center px-2'>
-        <Link
-          href='/shop/cart'
-          className='py-4 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'
-        >
+        <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'
-        >
+        <Link href='/my/menu' className='py-4 px-2'>
           <Bars3Icon className='w-6 text-gray_r-12' />
         </Link>
       </div>