web/src/app/admin/_client/profile.tsx

'use client'
import {Button} from '@/components/ui/button'
import {logout} from '@/actions/auth'
import {useProfileStore} from '@/components/providers/StoreProvider'
import {useRouter} from 'next/navigation'
import {toast} from 'sonner'

export type ProfileProps = {}

export default function Profile(props: ProfileProps) {
  const refreshProfile = useProfileStore(store => store.refreshProfile)
  const doLogout = async () => {
    const resp = await logout()
    if (resp.success) {
      await refreshProfile()
    }
  }

  return (
    <div className="flex gap-2 items-center">
      <Button theme={`error`} onClick={doLogout}>
        退出登录
      </Button>
    </div>
  )
}