Jimmy Merritello
ba9f6b2cd6
* Initial auth commit * Add Auth0 to preview env config * Proper website package name
31 lines
918 B
React
31 lines
918 B
React
import { signOut, useSession } from 'next-auth/client'
|
|
import LoadingIcon from './loading.svg?include'
|
|
import InlineSvg from '@hashicorp/react-inline-svg'
|
|
import styles from './auth-indicator.module.css'
|
|
import Button from '@hashicorp/react-button'
|
|
|
|
export default function AuthIndicator() {
|
|
const [session, loading] = useSession()
|
|
if (loading)
|
|
return <InlineSvg className={styles.loadingIconSpin} src={LoadingIcon} />
|
|
return (
|
|
<div className={styles.authIndicator}>
|
|
{session && (
|
|
<>
|
|
<span className={`g-type-label ${styles.loggedInText}`}>
|
|
Signed in as {session.user.email}
|
|
</span>
|
|
<span>
|
|
<Button
|
|
onClick={signOut}
|
|
title={`Sign out`}
|
|
size="small"
|
|
theme={{ variant: 'secondary-neutral', background: 'dark' }}
|
|
/>
|
|
</span>
|
|
</>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|