From 8b1758e5e92126ab9f8034d31342b80d0ce9757e Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Mon, 13 Oct 2025 16:57:29 +0000
Subject: [PATCH] feat: Add production-safe logging for avatar debugging

---
 src/components/auth/AuthButtons.tsx | 11 +++++++++++
 src/hooks/useAuth.tsx               |  6 ++++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/auth/AuthButtons.tsx b/src/components/auth/AuthButtons.tsx
index 1e99568f..85f72fc9 100644
--- a/src/components/auth/AuthButtons.tsx
+++ b/src/components/auth/AuthButtons.tsx
@@ -83,6 +83,17 @@ export function AuthButtons() {
       </>
     );
   }
+  // Debug logging for avatar rendering
+  console.log('[AuthButtons] Component render:', {
+    hasUser: !!user,
+    hasProfile: !!profile,
+    hasAvatarUrl: !!profile?.avatar_url,
+    avatarUrl: profile?.avatar_url,
+    displayName: profile?.display_name,
+    username: profile?.username,
+    loading
+  });
+
   return <DropdownMenu>
       <DropdownMenuTrigger asChild>
         <Button variant="ghost" className="relative h-8 w-8 rounded-full">
diff --git a/src/hooks/useAuth.tsx b/src/hooks/useAuth.tsx
index f92f43cc..0884f9d6 100644
--- a/src/hooks/useAuth.tsx
+++ b/src/hooks/useAuth.tsx
@@ -73,11 +73,13 @@ function AuthProviderComponent({ children }: { children: React.ReactNode }) {
 
       // Success - update state and complete
       if (isMountedRef.current) {
-        authLog('[Auth] Profile loaded:', {
+        // Always log profile loading (production-safe)
+        console.log('[Auth] ✅ Profile loaded:', {
           userId: data?.user_id,
           username: data?.username,
           avatar_url: data?.avatar_url,
-          avatar_image_id: data?.avatar_image_id
+          avatar_image_id: data?.avatar_image_id,
+          hasData: !!data
         });
         setProfile(data as Profile);
         profileRetryCountRef.current = 0;