Weekly Calendar

{formatWeekRange()}

\n setLocation('/delegation')}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors\"\n >\n Delegate Tasks\n \n

\n\n {/* Week Navigation */}\n

\n navigateWeek('prev')}\n className=\"p-2 text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-md transition-colors\"\n >\n ← Previous Week\n \n \n {!isCurrentWeek() && (\n \n Current Week\n \n )}\n \n navigateWeek('next')}\n className=\"p-2 text-gray-600 hover:text-gray-900 hover:bg-gray-100 rounded-md transition-colors\"\n >\n Next Week →\n \n

\n\n {/* Calendar Grid */}\n

\n {/* Day Headers */}\n {weekDates.map((date, index) => {\n const isToday = date.toDateString() === new Date().toDateString();\n const dayNames = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];\n \n return (\n \n

\n {dayNames[index]}\n

\n {date.getDate()}\n

\n );\n })}\n\n {/* Day Content */}\n {weekDates.map((date, index) => {\n const dayTasks = getTasksForDate(date);\n const isToday = date.toDateString() === new Date().toDateString();\n \n return (\n \n

\n {dayTasks.map((task) => (\n handleTaskClick(task)}\n className=\"p-2 rounded-md border cursor-pointer hover:shadow-sm transition-shadow\"\n >\n

\n {task.responsibility.name}\n

\n \n {task.responsibility.startTime && (\n

\n {formatTime(task.responsibility.startTime)}\n {task.responsibility.endTime && ` - ${formatTime(task.responsibility.endTime)}`}\n

\n )}\n \n

\n {task.owner}\n

\n \n {task.notes && (\n

\n 📝 {task.notes}\n

\n )}\n

\n ))}\n

\n );\n })}\n \n \n\n {/* Task Edit Modal */}\n {editingTask && (\n

Edit Task

\n \n

Responsibility

{editingTask.responsibility.name}

\n \n

Date

\n {new Date(editingTask.date).toLocaleDateString([], { \n weekday: 'long', \n year: 'numeric', \n month: 'long', \n day: 'numeric' \n })}\n

\n \n

Assigned to

\n {editingTask.owner}\n

\n \n

\n \n Notes\n \n setNotes(e.target.value)}\n rows={3}\n className=\"w-full border border-gray-300 rounded-md px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"Add any notes about this task...\"\n />\n

\n\n

\n {\n setEditingTask(null);\n setNotes('');\n }}\n className=\"px-4 py-2 text-gray-700 border border-gray-300 rounded-md hover:bg-gray-50 transition-colors\"\n >\n Cancel\n \n \n Save\n \n

\n )}\n\n {/* Empty State */}\n {tasks.length === 0 && (\n

\n No tasks assigned for this week yet.\n

\n setLocation('/delegation')}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors\"\n >\n Delegate Responsibilities\n \n

\n )}\n \n );\n}","deleted","label",[171,172,153],"frontend","components","permalink","https://www.val.town/x/jeffroche/weekly-sched/code/frontend/components/CalendarPage.tsx","extension","actionData","errors"]