Cleaning Duties

\n Assign and track cleaning responsibilities\n

\n setShowForm(true)}\n className=\"inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500\"\n >\n 🧹 Assign Cleaning\n \n

\n\n {/* Add/Edit Form */}\n {showForm && (\n

\n {editingDuty ? 'Edit Cleaning Duty' : 'Assign New Cleaning Duty'}\n

\n \n Assigned To *\n \n setFormData({ ...formData, assigned_to: e.target.value })}\n placeholder=\"Person or team name\"\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-green-500 focus:border-green-500 sm:text-sm\"\n />\n

\n \n Area *\n \n setFormData({ ...formData, area: e.target.value as any })}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-green-500 focus:border-green-500 sm:text-sm\"\n >\n \n \n \n \n \n \n

\n \n Priority\n \n setFormData({ ...formData, priority: e.target.value as any })}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-green-500 focus:border-green-500 sm:text-sm\"\n >\n \n \n \n \n

\n \n Status\n \n setFormData({ ...formData, status: e.target.value as any })}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-green-500 focus:border-green-500 sm:text-sm\"\n >\n \n \n \n \n \n

\n \n Due Date & Time *\n \n setFormData({ ...formData, due_date: e.target.value })}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-green-500 focus:border-green-500 sm:text-sm\"\n />\n

\n \n Assigned Date & Time\n \n setFormData({ ...formData, assigned_date: e.target.value })}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-green-500 focus:border-green-500 sm:text-sm\"\n />\n

\n \n Task Description *\n \n setFormData({ ...formData, task_description: e.target.value })}\n placeholder=\"Describe the cleaning task in detail\"\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-green-500 focus:border-green-500 sm:text-sm\"\n />\n

\n \n Notes\n \n setFormData({ ...formData, notes: e.target.value })}\n placeholder=\"Additional notes or instructions\"\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-green-500 focus:border-green-500 sm:text-sm\"\n />\n

\n \n Cancel\n \n \n {editingDuty ? 'Update' : 'Assign'} Duty\n \n

\n )}\n\n {/* Duties List */}\n

\n
No cleaning duties found. Assign your first cleaning duty to get started.
\n
\n
\n
\n
\n
\n {getAreaIcon(duty.area)}\n
\n
\n
\n
\n {duty.assigned_to}\n
\n \n {duty.status.replace('_', ' ')}\n \n \n {duty.priority}\n \n {isOverdue(duty) && (\n \n ⚠️ Overdue\n \n )}\n
\n
\n {duty.area}: {duty.task_description}\n
\n
\n Assigned: {formatDateTime(duty.assigned_date)}\n Due: {formatDateTime(duty.due_date)}\n {duty.completed_at && Completed: {formatDateTime(duty.completed_at)}}\n
\n {duty.notes && (\n
\n Notes: {duty.notes}\n
\n )}\n
\n
\n
\n handleEdit(duty)}\n className=\"inline-flex items-center px-3 py-1 border border-gray-300 shadow-sm text-xs font-medium rounded text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-green-500\"\n >\n ✏️ Edit\n \n handleDelete(duty)}\n className=\"inline-flex items-center px-3 py-1 border border-red-300 shadow-sm text-xs font-medium rounded text-red-700 bg-white hover:bg-red-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500\"\n >\n 🗑️ Delete\n \n
\n
\n
\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/bart/Rowing/code/frontend/components/CleaningDuties.tsx","extension","actionData","errors"]