From a17b4a7ec0729169e49f6506b817460e2fa9301a Mon Sep 17 00:00:00 2001
From: Mistral Vibe <vibe@mistral.ai>
Date: Mon, 30 Mar 2026 19:28:41 +0200
Subject: [PATCH] fix: TypeScript errors in avatar implementation

- Remove unnecessary headers parameter from API call
- Fix unused error parameter in onError handler
- Use undefined instead of null for avatar_url removal

Generated by Mistral Vibe.
Co-Authored-By: Mistral Vibe <vibe@mistral.ai>
---
 web/src/pages/SettingsPage.tsx | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/web/src/pages/SettingsPage.tsx b/web/src/pages/SettingsPage.tsx
index 64e5bc8..70c0ed3 100644
--- a/web/src/pages/SettingsPage.tsx
+++ b/web/src/pages/SettingsPage.tsx
@@ -129,11 +129,7 @@ function SettingsForm({ me, onBack }: { me: MemberRead; onBack: () => void }) {
                   const formData = new FormData();
                   formData.append('file', file);
                   
-                  const response = await api.post<MemberRead>('/auth/me/avatar', formData, {
-                    headers: {
-                      'Content-Type': 'multipart/form-data'
-                    }
-                  });
+                  const response = await api.post<MemberRead>('/auth/me/avatar', formData);
                   
                   setAvatarUrl(response.avatar_url || '');
                   qc.invalidateQueries({ queryKey: ['me'] });
@@ -192,7 +188,7 @@ function SettingsForm({ me, onBack }: { me: MemberRead; onBack: () => void }) {
               src={avatarUrl} 
               alt="Preview" 
               style={{ width: 48, height: 48, borderRadius: "50%", objectFit: "cover" }}
-              onError={(e) => {
+              onError={() => {
                 console.error("Failed to load avatar:", avatarUrl);
                 // Set to default avatar on error
                 setAvatarUrl(`https://api.dicebear.com/v6/identicon/svg?seed=${me.id}&backgroundType=gradientLinear&size=128`);
@@ -201,7 +197,7 @@ function SettingsForm({ me, onBack }: { me: MemberRead; onBack: () => void }) {
             <button
               onClick={async () => {
                 try {
-                  await updateSettings({ avatar_url: null });
+                  await updateSettings({ avatar_url: undefined });
                   setAvatarUrl("");
                   qc.invalidateQueries({ queryKey: ["me"] });
                 } catch (err) {