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:
@@ -7,6 +7,7 @@ export interface Child {
|
||||
birthDate: string;
|
||||
gender: 'male' | 'female' | 'other';
|
||||
photoUrl?: string;
|
||||
photoAlt?: string;
|
||||
medicalInfo?: any;
|
||||
createdAt: string;
|
||||
}
|
||||
@@ -16,6 +17,7 @@ export interface CreateChildData {
|
||||
birthDate: string;
|
||||
gender: 'male' | 'female' | 'other';
|
||||
photoUrl?: string;
|
||||
photoAlt?: string;
|
||||
medicalInfo?: any;
|
||||
}
|
||||
|
||||
|
||||
@@ -86,11 +86,19 @@ export const AuthProvider = ({ children }: { children: ReactNode }) => {
|
||||
|
||||
const response = await apiClient.get('/api/v1/auth/me');
|
||||
|
||||
console.log('[AuthContext] /me response:', response.data);
|
||||
|
||||
// Check if response has expected structure
|
||||
if (response.data?.data) {
|
||||
console.log('[AuthContext] Setting user from response.data.data:', response.data.data);
|
||||
console.log('[AuthContext] EULA fields from /me:', {
|
||||
eulaAcceptedAt: response.data.data.eulaAcceptedAt,
|
||||
eulaVersion: response.data.data.eulaVersion,
|
||||
});
|
||||
setUser(response.data.data);
|
||||
} else if (response.data?.user) {
|
||||
// Handle alternative response structure
|
||||
console.log('[AuthContext] Setting user from response.data.user:', response.data.user);
|
||||
setUser(response.data.user);
|
||||
} else {
|
||||
throw new Error('Invalid response structure');
|
||||
@@ -127,6 +135,12 @@ export const AuthProvider = ({ children }: { children: ReactNode }) => {
|
||||
const { data: responseData } = response.data;
|
||||
const { tokens, user: userData } = responseData;
|
||||
|
||||
console.log('[AuthContext] Login response user data:', userData);
|
||||
console.log('[AuthContext] EULA fields:', {
|
||||
eulaAcceptedAt: userData.eulaAcceptedAt,
|
||||
eulaVersion: userData.eulaVersion,
|
||||
});
|
||||
|
||||
tokenStorage.setTokens(tokens.accessToken, tokens.refreshToken);
|
||||
setToken(tokens.accessToken);
|
||||
setUser(userData);
|
||||
|
||||
Reference in New Issue
Block a user