\n {/* Stats */}\n

🎯

{activities.length}

Activities Logged

⏱️

{totalMinutes}

Total Minutes

👦

{children.size}

Children Tracked

🏆

{maxDuration}

Longest Block (min)

\n\n

\n {/* Time by child + activity list */}\n

\n {byChild.size > 0 && (\n

\n Time by Child\n

\n {[...byChild.entries()].map(([child, minutes]) => (\n

\n {child}\n {minutes} min\n

\n ))}\n

\n )}\n\n

\n Activity Log\n

\n {activities.length === 0 ? (\n

🎯

No activities logged yet

\n ) : (\n activities.map((a) => (\n

{a.activity_name}

{a.child_name} · {a.duration_minutes} min · {a.date}

\n {a.category && {a.category}}\n \n

\n ))\n )}\n

\n\n {/* Add activity form */}\n

\n Log Activity\n

\n Child Name\n setForm({ ...form, child_name: e.target.value })} placeholder=\"e.g., Maya\" />\n

\n Activity\n setForm({ ...form, activity_name: e.target.value })} placeholder=\"e.g., Soccer practice\" />\n

\n Minutes\n setForm({ ...form, duration_minutes: Number(e.target.value) })} />\n

\n Date\n setForm({ ...form, date: e.target.value })} />\n

\n Category (optional)\n setForm({ ...form, category: e.target.value })} placeholder=\"e.g., Sports, Music\" />\n

\n \n

\n );\n}\n","deleted","label",[177,178,159],"frontend","components","permalink","https://www.val.town/x/arfan/family-hub/code/frontend/components/Activities.tsx","extension","actionData","errors"]