sschuhmann/rehearshalhub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: TypeScript errors in avatar implementation

Browse Source 
- 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>
This commit is contained in:
Mistral Vibe
2026-03-30 19:28:41 +02:00
parent b59eb584a6
commit a17b4a7ec0
1 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/pages/SettingsPage.tsx
View File

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