feat: Add comprehensive accessibility improvements and medical tracking
- **EULA Persistence Fix**: Fixed EULA dialog showing on every login
- Added eulaAcceptedAt/eulaVersion to AuthResponse interface
- Updated login/register/getUserById endpoints to return EULA fields
- Changed EULACheck to use refreshUser() instead of window.reload()
- **Touch Target Accessibility**: All interactive elements now meet 48x48px minimum
- Fixed 14 undersized IconButtons across 5 files
- Changed size="small" to size="medium" with minWidth/minHeight constraints
- Updated children page, AI chat, analytics cards, legal viewer
- **Alt Text for Images**: Complete image accessibility for screen readers
- Added photoAlt field to children table (Migration V009)
- PhotoUpload component now includes alt text input field
- All Avatar components have meaningful alt text
- Default alt text: "Photo of {childName}", "{userName}'s profile photo"
- **Medical Tracking Consolidation**: Unified medical page with tabs
- Medicine page now has 3 tabs: Medication, Temperature, Doctor Visit
- Backward compatibility for legacy 'medicine' activity type
- Created dedicated /track/growth page for physical measurements
- **Track Page Updates**:
- Simplified to 6 options: Feeding, Sleep, Diaper, Medical, Activity, Growth
- Fixed grid layout to 3 cards per row with minWidth: 200px
- Updated terminology from "Medicine" to "Medical"
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -31,6 +31,7 @@ export function ChildDialog({ open, onClose, onSubmit, child, isLoading = false
|
||||
birthDate: '',
|
||||
gender: 'male',
|
||||
photoUrl: '',
|
||||
photoAlt: '',
|
||||
});
|
||||
const [error, setError] = useState<string>('');
|
||||
|
||||
@@ -41,6 +42,7 @@ export function ChildDialog({ open, onClose, onSubmit, child, isLoading = false
|
||||
birthDate: child.birthDate.split('T')[0], // Convert to YYYY-MM-DD format
|
||||
gender: child.gender,
|
||||
photoUrl: child.photoUrl || '',
|
||||
photoAlt: child.photoAlt || '',
|
||||
});
|
||||
} else {
|
||||
setFormData({
|
||||
@@ -48,6 +50,7 @@ export function ChildDialog({ open, onClose, onSubmit, child, isLoading = false
|
||||
birthDate: '',
|
||||
gender: 'male',
|
||||
photoUrl: '',
|
||||
photoAlt: '',
|
||||
});
|
||||
}
|
||||
setError('');
|
||||
@@ -151,6 +154,8 @@ export function ChildDialog({ open, onClose, onSubmit, child, isLoading = false
|
||||
label={t('dialog.photoUrl')}
|
||||
value={formData.photoUrl || ''}
|
||||
onChange={(url) => setFormData({ ...formData, photoUrl: url })}
|
||||
altText={formData.photoAlt || ''}
|
||||
onAltTextChange={(altText) => setFormData({ ...formData, photoAlt: altText })}
|
||||
disabled={isLoading}
|
||||
size={80}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user