This commit is contained in:
Jared Palmer 2023-06-16 16:57:30 -04:00
parent 2c6777e82d
commit 67a5689e4b
2 changed files with 12 additions and 6 deletions

View file

@ -19,7 +19,6 @@ export function LoginButton({
...props ...props
}: LoginButtonProps) { }: LoginButtonProps) {
const [isLoading, setIsLoading] = React.useState(false) const [isLoading, setIsLoading] = React.useState(false)
return ( return (
<Button <Button
variant="outline" variant="outline"

View file

@ -31,12 +31,12 @@ export function UserMenu({ user }: UserMenuProps) {
<Button variant="ghost" className="pl-0"> <Button variant="ghost" className="pl-0">
{user?.image ? ( {user?.image ? (
<Image <Image
className="h-6 w-6 select-none rounded-full ring-1 ring-zinc-100/10 transition-opacity duration-300 hover:opacity-80" className="w-6 h-6 transition-opacity duration-300 rounded-full select-none ring-1 ring-zinc-100/10 hover:opacity-80"
src={user?.image ? `${user.image}&s=60` : ''} src={user?.image ? `${user.image}&s=60` : ''}
alt={user.name ?? 'Avatar'} alt={user.name ?? 'Avatar'}
/> />
) : ( ) : (
<div className="flex h-7 w-7 shrink-0 select-none items-center justify-center rounded-full bg-muted/50 text-xs font-medium uppercase text-muted-foreground"> <div className="flex items-center justify-center text-xs font-medium uppercase rounded-full select-none h-7 w-7 shrink-0 bg-muted/50 text-muted-foreground">
{user?.name ? getUserInitials(user?.name) : null} {user?.name ? getUserInitials(user?.name) : null}
</div> </div>
)} )}
@ -54,13 +54,20 @@ export function UserMenu({ user }: UserMenuProps) {
href="https://vercel.com" href="https://vercel.com"
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="inline-flex w-full items-center justify-between text-xs" className="inline-flex items-center justify-between w-full text-xs"
> >
Vercel Homepage Vercel Homepage
<IconExternalLink className="ml-auto h-3 w-3" /> <IconExternalLink className="w-3 h-3 ml-auto" />
</a> </a>
</DropdownMenuItem> </DropdownMenuItem>
<DropdownMenuItem onClick={() => signOut()} className="text-xs"> <DropdownMenuItem
onClick={() =>
signOut({
callbackUrl: '/'
})
}
className="text-xs"
>
Log Out Log Out
</DropdownMenuItem> </DropdownMenuItem>
</DropdownMenuContent> </DropdownMenuContent>