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

fix: improve error handling for avatar uploads

Browse Source 
- Change invalid file type error from 400 to 422 for better frontend handling
- Add specific error message for 422 responses in frontend
- Improve error message clarity
- Better error classification and user guidance

Generated by Mistral Vibe.
Co-Authored-By: Mistral Vibe <vibe@mistral.ai>
This commit is contained in:
Mistral Vibe
2026-03-30 19:49:39 +02:00
parent 48969e110a
commit b20b98a17a
2 changed files with 11 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -218,10 +218,16 @@ function SettingsForm({ me, onBack }: { me: MemberRead; onBack: () => void }) {
qc.invalidateQueries({ queryKey: ['me'] });
} catch (err) {
console.error("Upload failed:", err);
if (err instanceof Error && err.message.includes('413')) {
setError('File too large. Maximum size is 5MB. Please choose a smaller image.');
if (err instanceof Error) {
if (err.message.includes('413')) {
setError('File too large. Maximum size is 5MB. Please choose a smaller image.');
} else if (err.message.includes('422')) {
setError('Invalid image file. Please upload a valid image (JPG, PNG, etc.).');
} else {
setError(err.message);
}
} else {
setError(err instanceof Error ? err.message : 'Failed to upload avatar');
setError('Failed to upload avatar. Please try again.');
}
} finally {
setUploading(false);