Profile Client

• Simple Badge for display current user
• Uses Auth0 + NextJS + Tailwind

Code

"use client";

import { useUser } from "@auth0/nextjs-auth0/client";

export default function ProfileClient() {
  const { user, error, isLoading } = useUser();

  if (isLoading) return <div>Loading...</div>;
  if (error) return <div>{error.message}</div>;

  return (
    user && (
      <div className={`hidden md:block text-main-text-color text-xs`}>
        Logged in as:{" "}
        <a href="/api/auth/logout" className="underline">
          (Sign Out)
        </a>
        <div className="flex">{user.email}</div>
      </div>
    )
  );
}