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:
@@ -1,7 +1,7 @@
|
||||
'use client';
|
||||
|
||||
import { Box, Typography, Grid, Paper } from '@mui/material';
|
||||
import { Restaurant, Hotel, BabyChangingStation, ChildCare, MedicalServices } from '@mui/icons-material';
|
||||
import { Restaurant, Hotel, BabyChangingStation, ChildCare, MedicalServices, TrendingUp } from '@mui/icons-material';
|
||||
import { useRouter } from 'next/navigation';
|
||||
import { AppShell } from '@/components/layouts/AppShell/AppShell';
|
||||
import { ProtectedRoute } from '@/components/common/ProtectedRoute';
|
||||
@@ -32,7 +32,7 @@ export default function TrackPage() {
|
||||
color: '#F57C00', // Orange with 4.5:1 contrast
|
||||
},
|
||||
{
|
||||
title: t('activities.medicine'),
|
||||
title: t('activities.medical'),
|
||||
icon: MedicalServices,
|
||||
path: '/track/medicine',
|
||||
color: '#C62828', // Red with 4.5:1 contrast
|
||||
@@ -43,6 +43,12 @@ export default function TrackPage() {
|
||||
path: '/track/activity',
|
||||
color: '#558B2F', // Green with 4.5:1 contrast
|
||||
},
|
||||
{
|
||||
title: t('activities.growth'),
|
||||
icon: TrendingUp,
|
||||
path: '/track/growth',
|
||||
color: '#7B1FA2', // Purple with 4.5:1 contrast
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
@@ -60,7 +66,7 @@ export default function TrackPage() {
|
||||
{trackingOptions.map((activity, index) => {
|
||||
const IconComponent = activity.icon;
|
||||
return (
|
||||
<Grid item xs={6} sm={4} lg={2.4} key={activity.title} sx={{ minWidth: 200 }}>
|
||||
<Grid item xs={6} sm={4} md={4} key={activity.title} sx={{ minWidth: 200 }}>
|
||||
<motion.div
|
||||
initial={{ opacity: 0, scale: 0.9 }}
|
||||
animate={{ opacity: 1, scale: 1 }}
|
||||
|
||||
Reference in New Issue
Block a user