fix: refresh token

Signed-off-by: Innei <i@innei.in>

src/atoms/owner.ts

@@ -1,3 +1,4 @@
+import { useMutation } from '@tanstack/react-query'
 import { atom, useAtomValue } from 'jotai'
 
 import { getToken, removeToken, setToken } from '~/lib/cookie'
@@ -65,7 +66,14 @@ export const useOwner = () => useAtomValue(ownerAtom)
 
 export const isLogged = () => jotaiStore.get(isLoggedAtom)
 
-export const refreshToken = async () => {
+export const useRefreshToken = () => {
+  return useMutation({
+    mutationKey: ['refreshToken'],
+    mutationFn: refreshToken,
+  })
+}
+
+const refreshToken = async () => {
   const token = getToken()
   if (!token) return
   await apiClient.user.proxy.login.put<{ token: string }>().then((res) => {

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

@@ -1,14 +1,12 @@
 'use client'
 
-import React, { useEffect } from 'react'
+import React from 'react'
 import { AnimatePresence } from 'framer-motion'
 import dynamic from 'next/dynamic'
 import Image from 'next/image'
 import { usePathname } from 'next/navigation'
 
-import { useSignIn, useUser } from '@clerk/nextjs'
-
-import { refreshToken, useIsLogged } from '~/atoms'
+import { useIsLogged } from '~/atoms'
 import { UserArrowLeftIcon } from '~/components/icons/user-arrow-left'
 import { MotionButtonBase } from '~/components/ui/button'
 import { FloatPopover } from '~/components/ui/float-popover'
@@ -61,15 +59,6 @@ export function UserAuth() {
   const pathname = usePathname()
   const isLogged = useIsLogged()
 
-  const { isLoaded } = useSignIn()
-
-  const user = useUser()
-
-  useEffect(() => {
-    // token 刷新，使用 mx token 替换
-    if (isLoaded && user.user?.publicMetadata.role === 'admin') refreshToken()
-  }, [isLoaded, user.user?.publicMetadata.role])
-
   if (isLogged) {
     return <OwnerAvatar />
   }