diff --git a/maternal-web/app/(auth)/onboarding/page.tsx b/maternal-web/app/(auth)/onboarding/page.tsx index dce47d7..dc48ed5 100644 --- a/maternal-web/app/(auth)/onboarding/page.tsx +++ b/maternal-web/app/(auth)/onboarding/page.tsx @@ -15,14 +15,26 @@ import { Alert, CircularProgress, MenuItem, + Card, + CardActionArea, + CardContent, + Radio, + RadioGroup, + FormControlLabel, + FormControl, + Grid, } from '@mui/material'; -import { ArrowBack, ArrowForward, Check } from '@mui/icons-material'; +import { ArrowBack, ArrowForward, Check, Language, Straighten } from '@mui/icons-material'; import { motion, AnimatePresence } from 'framer-motion'; import { useRouter } from 'next/navigation'; import { useAuth } from '@/lib/auth/AuthContext'; import { childrenApi } from '@/lib/api/children'; +import { useLocale, MeasurementSystem } from '@/hooks/useLocale'; +import { useTranslation } from '@/hooks/useTranslation'; +import { supportedLanguages } from '@/lib/i18n/config'; +import { usersApi } from '@/lib/api/users'; -const steps = ['Welcome', 'Add Child', 'Invite Family', 'Notifications']; +const steps = ['Welcome', 'Language', 'Measurements', 'Add Child', 'Complete']; export default function OnboardingPage() { const [activeStep, setActiveStep] = useState(0); diff --git a/maternal-web/app/children/page.tsx b/maternal-web/app/children/page.tsx index e55a649..9e5642a 100644 --- a/maternal-web/app/children/page.tsx +++ b/maternal-web/app/children/page.tsx @@ -216,7 +216,9 @@ export default function ChildrenPage() { > - + {t('shareCode.title')} @@ -241,7 +241,7 @@ export default function FamilyPage() { {/* Family Members */} - + {t('members.title', { count: members.length })} diff --git a/maternal-web/app/page.tsx b/maternal-web/app/page.tsx index 6f5f56a..c412704 100644 --- a/maternal-web/app/page.tsx +++ b/maternal-web/app/page.tsx @@ -165,7 +165,9 @@ export default function HomePage() { aria-label={t('quickActions.navigateTo', { action: action.label })} sx={{ p: 3, - height: '100%', + height: '140px', // Fixed height for consistency + minHeight: '140px', // Ensure minimum height + width: '100%', // Full width of grid container display: 'flex', flexDirection: 'column', alignItems: 'center', @@ -225,8 +227,10 @@ export default function HomePage() { display: 'flex', flexDirection: 'column', alignItems: 'center', - height: '100%', - minHeight: '120px' + justifyContent: 'center', + height: '120px', // Fixed height for consistency + minHeight: '120px', + width: '100%' }} >