pfadi-bussle/components/user.tsx

import { useSession, signOut } from '../lib/auth-client'
import Link from 'next/link'

export default function User() {
  const { data: session, isPending } = useSession()

  if (isPending || !session?.user?.email) {
    return null
  }

  return (
    <>
      <Link
        href="/admin"
        className="text-base font-medium text-gray-500 hover:text-gray-900"
      >
        Admin
      </Link>
      <div className="font-extrabold bg-red-400 px-2 py-1 mr-3 rounded-xs">
        {session.user.email}
      </div>
      <button onClick={() => signOut()} className="btn btn-blue">
        Logout
      </button>
    </>
  )
}