fix

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>