renato97
411f235f75
- Botón 'Volver' en todas las sesiones de ejercicios (ExerciseSession) - Botón 'Cambiar perfil' en las 3 home pages (Isabella/Francesca/Sebastián) - Páginas inline de Isabella migradas a ExerciseSession (elimina código duplicado) - APIs con try/catch: curriculum/next, dashboard/summary, fsrs/next, children - Validación childId en curriculum/next (404 si no existe) - /api/health endpoint para Docker healthcheck - .env.example, .dockerignore, README.md creados - docker-compose.yml con healthcheck en app service - Test E2E: health endpoint + childId validation - 62/62 tests pasan, TS exit 0
45 lines
1.6 KiB
TypeScript
45 lines
1.6 KiB
TypeScript
"use client"
|
|
|
|
import { useRouter } from "next/navigation"
|
|
import { GatoMascota } from "@/components/child/gato-mascota"
|
|
|
|
const activities = [
|
|
{ id: "lectura", label: "Letras", icon: "Aa", color: "bg-primary" },
|
|
{ id: "numeros", label: "Números", icon: "123", color: "bg-accent" },
|
|
{ id: "logros", label: "Mis logros", icon: "⭐", color: "bg-warning" },
|
|
{ id: "pairing", label: "iPad nuevo", icon: "🔗", color: "bg-secondary" },
|
|
]
|
|
|
|
export default function ChildHome() {
|
|
const router = useRouter()
|
|
|
|
return (
|
|
<div className="flex-1 flex flex-col p-4">
|
|
<button
|
|
onClick={() => router.push("/")}
|
|
className="self-start flex items-center gap-2 bg-surface text-foreground border border-border rounded-xl px-4 py-2 text-base font-display font-semibold shadow-sm active:scale-95 transition-transform mb-4"
|
|
>
|
|
<span className="text-xl">←</span>
|
|
<span>Cambiar perfil</span>
|
|
</button>
|
|
|
|
<div className="flex-1 flex flex-col items-center justify-center gap-8">
|
|
<GatoMascota mood="happy" message="¡Hola! ¿Qué querés aprender hoy?" />
|
|
|
|
<div className="flex flex-col gap-4 w-full max-w-md">
|
|
{activities.map((a) => (
|
|
<button
|
|
key={a.id}
|
|
onClick={() => router.push(`/child/${a.id}`)}
|
|
className={`${a.color} text-primary-foreground touch-target-lg rounded-2xl flex items-center gap-4 px-6 py-5 text-xl font-display font-semibold shadow-md active:scale-95 transition-transform`}
|
|
>
|
|
<span className="text-2xl">{a.icon}</span>
|
|
<span>{a.label}</span>
|
|
</button>
|
|
))}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|