feat: implement Weather Workshop feature with models, UI components, and session management for enhanced team visibility and personal well-being tracking

src/app/weekly-checkin/new/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { useRouter } from 'next/navigation';
 import {
   Card,
@@ -12,11 +12,14 @@ import {
   Input,
 } from '@/components/ui';
 import { createWeeklyCheckInSession } from '@/actions/weekly-checkin';
+import { getWeekYearLabel } from '@/lib/date-utils';
 
 export default function NewWeeklyCheckInPage() {
   const router = useRouter();
   const [loading, setLoading] = useState(false);
   const [error, setError] = useState<string | null>(null);
+  const [selectedDate, setSelectedDate] = useState(new Date().toISOString().split('T')[0]);
+  const [title, setTitle] = useState('');
 
   async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
     e.preventDefault();
@@ -24,7 +27,6 @@ export default function NewWeeklyCheckInPage() {
     setLoading(true);
 
     const formData = new FormData(e.currentTarget);
-    const title = formData.get('title') as string;
     const participant = formData.get('participant') as string;
     const dateStr = formData.get('date') as string;
     const date = dateStr ? new Date(dateStr) : undefined;
@@ -49,6 +51,11 @@ export default function NewWeeklyCheckInPage() {
   // Default date to today
   const today = new Date().toISOString().split('T')[0];
 
+  // Update title when date changes
+  useEffect(() => {
+    setTitle(getWeekYearLabel(new Date(selectedDate)));
+  }, [selectedDate]);
+
   return (
     <main className="mx-auto max-w-2xl px-4 py-8">
       <Card>
@@ -75,6 +82,8 @@ export default function NewWeeklyCheckInPage() {
               label="Titre du check-in"
               name="title"
               placeholder="Ex: Check-in semaine du 15 janvier"
+              value={title}
+              onChange={(e) => setTitle(e.target.value)}
               required
             />
 
@@ -94,6 +103,7 @@ export default function NewWeeklyCheckInPage() {
                 name="date"
                 type="date"
                 defaultValue={today}
+                onChange={(e) => setSelectedDate(e.target.value)}
                 required
                 className="w-full rounded-lg border border-border bg-input px-3 py-2 text-foreground outline-none focus:border-primary focus:ring-2 focus:ring-primary/20"
               />