feat: go to dashboard

Author: Innei

src/components/layout/header/internal/UserAuth.tsx

@@ -5,8 +5,9 @@ import { AnimatePresence } from 'framer-motion'
 import dynamic from 'next/dynamic'
 import { usePathname } from 'next/navigation'
 
-import { useIsLogged } from '~/atoms'
+import { getAdminUrl, useIsLogged } from '~/atoms'
 import { UserArrowLeftIcon } from '~/components/icons/user-arrow-left'
+import { MotionButtonBase } from '~/components/ui/button'
 import { FloatPopover } from '~/components/ui/float-popover'
 import { urlBuilder } from '~/lib/url-builder'
 import { useAggregationSelector } from '~/providers/root/aggregation-data-provider'
@@ -34,9 +35,17 @@ const OwnerAvatar = () => {
   const ownerAvatar = useAggregationSelector((s) => s.user.avatar)!
 
   return (
-    <div className="pointer-events-auto flex h-10 w-10 items-center justify-center overflow-hidden rounded-full">
+    <MotionButtonBase
+      onClick={() => {
+        const adminUrl = getAdminUrl()
+        if (!adminUrl) return
+        window.open(adminUrl, '_blank')
+      }}
+      className="pointer-events-auto flex h-10 w-10 items-center justify-center overflow-hidden rounded-full"
+    >
+      <span className="sr-only">Go to dashboard</span>
       <img src={ownerAvatar} alt="site owner" />
-    </div>
+    </MotionButtonBase>
   )
 }
 export function UserAuth() {