diff options
| author | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-21 10:31:23 +0700 |
|---|---|---|
| committer | Rafi Zadanly <zadanlyr@gmail.com> | 2023-02-21 10:31:23 +0700 |
| commit | 488f323e4441b75244785cb66b018f1179b262de (patch) | |
| tree | bb6241160281221b9c8b93a305a12effc3ed7d16 /src/core/components/elements/Sidebar | |
| parent | 4fd738fd54f81fa53c2b3e78b7a80fbfda250352 (diff) | |
fix
Diffstat (limited to 'src/core/components/elements/Sidebar')
| -rw-r--r-- | src/core/components/elements/Sidebar/Sidebar.jsx | 116 |
1 files changed, 58 insertions, 58 deletions
diff --git a/src/core/components/elements/Sidebar/Sidebar.jsx b/src/core/components/elements/Sidebar/Sidebar.jsx index 122a10f3..e81d6130 100644 --- a/src/core/components/elements/Sidebar/Sidebar.jsx +++ b/src/core/components/elements/Sidebar/Sidebar.jsx @@ -22,65 +22,65 @@ const Sidebar = ({ return ( <> - <AnimatePresence> - { active && ( - <> - <motion.div - className="overlay z-50" - initial={{ opacity: 0 }} - animate={{ opacity: 1 }} - exit={{ opacity: 0 }} - transition={transition} - onClick={close} - /> - <motion.div - className="fixed z-[55] top-0 h-full w-[80%] bg-white" - initial={{ left: '-80%' }} - animate={{ left: 0 }} - exit={{ left: '-80%' }} - transition={transition} - > - <div className="divide-y divide-gray_r-6"> - <div className="p-4 flex gap-x-3"> - { !auth && ( - <> - <Link href="/register" className="btn-yellow !text-gray_r-12 py-2 flex-1">Daftar</Link> - <Link href="/login" className="btn-solid-red !text-gray_r-1 py-2 flex-1">Masuk</Link> - </> - ) } - { auth && ( - <> - <div className="text-caption-2 text-gray_r-11"> - { greeting() }, - <span className="text-body-2 text-gray_r-12 block mt-1 font-medium"> - { auth?.name } - </span> - </div> - <Link - onClick={close} - href="/my/menu" - className="!text-gray_r-11 ml-auto my-auto" - > - <Cog6ToothIcon className="w-6" /> - </Link> - </> - ) } + <AnimatePresence> + { active && ( + <> + <motion.div + className="overlay z-50" + initial={{ opacity: 0 }} + animate={{ opacity: 1 }} + exit={{ opacity: 0 }} + transition={transition} + onClick={close} + /> + <motion.div + className="fixed z-[55] top-0 h-full w-[80%] bg-white" + initial={{ left: '-80%' }} + animate={{ left: 0 }} + exit={{ left: '-80%' }} + transition={transition} + > + <div className="divide-y divide-gray_r-6"> + <div className="p-4 flex gap-x-3"> + { !auth && ( + <> + <Link href="/register" className="btn-yellow !text-gray_r-12 py-2 flex-1">Daftar</Link> + <Link href="/login" className="btn-solid-red !text-gray_r-1 py-2 flex-1">Masuk</Link> + </> + ) } + { auth && ( + <> + <div className="text-caption-2 text-gray_r-11"> + { greeting() }, + <span className="text-body-2 text-gray_r-12 block mt-1 font-medium"> + { auth?.name } + </span> + </div> + <Link + onClick={close} + href="/my/menu" + className="!text-gray_r-11 ml-auto my-auto" + > + <Cog6ToothIcon className="w-6" /> + </Link> + </> + ) } + </div> + <SidebarLink className={itemClassName} href="/"> + Semua Brand + </SidebarLink> + <SidebarLink className={itemClassName} href="/"> + Tentang Indoteknik + </SidebarLink> + <SidebarLink className={itemClassName} href="/"> + Pusat Bantuan + </SidebarLink> + <button className={`${itemClassName} w-full text-left`}>Kategori</button> </div> - <SidebarLink className={itemClassName} href="/"> - Semua Brand - </SidebarLink> - <SidebarLink className={itemClassName} href="/"> - Tentang Indoteknik - </SidebarLink> - <SidebarLink className={itemClassName} href="/"> - Pusat Bantuan - </SidebarLink> - <button className={`${itemClassName} w-full text-left`}>Kategori</button> - </div> - </motion.div> - </> - ) } - </AnimatePresence> + </motion.div> + </> + ) } + </AnimatePresence> </> ) } |