diff options
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/my/menu.jsx | 24 |
1 files changed, 20 insertions, 4 deletions
diff --git a/src/pages/my/menu.jsx b/src/pages/my/menu.jsx index d3edaa3b..69e4b8bb 100644 --- a/src/pages/my/menu.jsx +++ b/src/pages/my/menu.jsx @@ -1,9 +1,20 @@ import Divider from "@/core/components/elements/Divider/Divider" import Link from "@/core/components/elements/Link/Link" import AppLayout from "@/core/components/layouts/AppLayout" +import useAuth from "@/core/hooks/useAuth" +import { deleteAuth } from "@/core/utils/auth" import { ChevronRightIcon, UserIcon } from "@heroicons/react/24/solid" +import { useRouter } from "next/router" export default function Menu() { + const auth = useAuth() + const router = useRouter() + + const logout = () => { + deleteAuth() + router.push('/login') + } + return ( <AppLayout title="Menu Utama"> <Link href="/my/profile" className="p-4 flex items-center"> @@ -11,8 +22,13 @@ export default function Menu() { <UserIcon className="w-5" /> </div> <div className="ml-4"> - <div className="font-semibold text-gray_r-12">Rafi Zadanly</div> - <div className="badge-solid-red mt-1">Akun Bisnis</div> + <div className="font-semibold text-gray_r-12">{ auth?.name }</div> + { auth?.company && ( + <div className="badge-solid-red mt-1">Akun Bisnis</div> + ) } + { !auth?.company && ( + <div className="badge-gray mt-1">Akun Individu</div> + ) } </div> <div className="ml-auto !text-gray_r-12"> <ChevronRightIcon className="w-6" /> @@ -67,9 +83,9 @@ export default function Menu() { <LinkItem href="/"> Ubah Password </LinkItem> - <LinkItem href="/"> + <div onClick={logout} className="!text-gray_r-11 font-normal p-4 flex items-center"> Keluar Akun - </LinkItem> + </div> </div> </div> </div> |