24 lines
593 B
TypeScript
24 lines
593 B
TypeScript
import React from 'react'
|
|
|
|
import { useAuthenticatedSession, useSignOut } from '@/lib/tabby/auth'
|
|
|
|
import { IconLogout } from './ui/icons'
|
|
|
|
export default function UserPanel() {
|
|
const session = useAuthenticatedSession()
|
|
const signOut = useSignOut()
|
|
|
|
return (
|
|
session && (
|
|
<div className="py-4 flex justify-center text-sm font-medium">
|
|
<span className="flex items-center gap-2">
|
|
<span title="Sign out">
|
|
<IconLogout className="cursor-pointer" onClick={signOut} />
|
|
</span>
|
|
{session.email}
|
|
</span>
|
|
</div>
|
|
)
|
|
)
|
|
}
|