mirror of
https://github.com/Monadical-SAS/reflector.git
synced 2025-12-20 20:29:06 +00:00
31 lines
695 B
TypeScript
31 lines
695 B
TypeScript
"use client";
|
|
|
|
import { Spinner, Link } from "@chakra-ui/react";
|
|
import { useAuth } from "../lib/AuthProvider";
|
|
|
|
export default function UserInfo() {
|
|
const auth = useAuth();
|
|
const status = auth.status;
|
|
const isLoading = status === "loading";
|
|
const isAuthenticated = status === "authenticated";
|
|
return isLoading ? (
|
|
<Spinner size="xs" className="mx-3" />
|
|
) : !isAuthenticated ? (
|
|
<Link
|
|
href="/"
|
|
className="font-light px-2"
|
|
onClick={() => auth.signIn("authentik")}
|
|
>
|
|
Log in
|
|
</Link>
|
|
) : (
|
|
<Link
|
|
href="#"
|
|
className="font-light px-2"
|
|
onClick={() => auth.signOut({ callbackUrl: "/" })}
|
|
>
|
|
Log out
|
|
</Link>
|
|
);
|
|
}
|