pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-24 03:51:12 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Correct avatar display in header

Browse Source
This commit is contained in:
gpt-engineer-app[bot]
2025-10-13 13:53:15 +00:00
parent 0c7b898917
commit 233e8efd62
3 changed files with 16 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/auth/AuthButtons.tsx
View File

@@ -87,8 +87,15 @@ export function AuthButtons() {
<DropdownMenuTrigger asChild>
<Button variant="ghost" className="relative h-8 w-8 rounded-full">
<Avatar className="h-8 w-8">
<AvatarImage src={profile?.avatar_url || ''} alt={profile?.display_name || profile?.username || ''} />
<AvatarFallback>
<AvatarImage
src={profile?.avatar_url || undefined}
alt={profile?.display_name || profile?.username || user.email || 'User avatar'}
onError={(e) => {
console.warn('[Avatar] Failed to load image:', profile?.avatar_url);
e.currentTarget.src = ''; // Force fallback
}}
/>
<AvatarFallback className="bg-primary/10 text-primary font-medium">
{(profile?.display_name || profile?.username || user.email || 'U').charAt(0).toUpperCase()}
</AvatarFallback>
</Avatar>

2
src/components/ui/avatar.tsx
View File

@@ -29,7 +29,7 @@ const AvatarFallback = React.forwardRef<
>(({ className, ...props }, ref) => (
<AvatarPrimitive.Fallback
ref={ref}
className={cn("flex h-full w-full items-center justify-center rounded-full bg-muted", className)}
className={cn("flex h-full w-full items-center justify-center rounded-full bg-muted text-foreground", className)}
{...props}
/>
));