pacnpal/thrilltrack-explorer
1
0
Fork 0
mirror of https://github.com/pacnpal/thrilltrack-explorer.git synced 2025-12-20 19:51:13 -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>