Manage Responsibilities

\n setShowForm(true)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors\"\n >\n Add Responsibility\n \n

\n\n {/* Form Modal */}\n {showForm && (\n

\n {editingId ? 'Edit Responsibility' : 'Add New Responsibility'}\n

\n \n

\n \n Name\n \n setFormData({ ...formData, name: e.target.value })}\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 required\n />\n

\n\n

\n \n Days\n \n setFormData({ ...formData, days: e.target.value as DayOption })}\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 >\n \n \n \n \n

\n\n

\n \n Start Time\n \n setFormData({ ...formData, startTime: e.target.value })}\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 />\n

\n\n

\n \n End Time\n \n setFormData({ ...formData, endTime: e.target.value })}\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 />\n

\n\n

\n \n Cancel\n \n \n {editingId ? 'Update' : 'Create'}\n \n

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

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

\n No responsibilities yet. Create your first one to get started!\n

\n ) : (\n

\n {responsibilities.map((responsibility) => (\n

\n {responsibility.name}\n

\n Days: {responsibility.days}\n

\n Time:{' '}\n {responsibility.startTime || responsibility.endTime ? (\n <>\n {formatTime(responsibility.startTime)} - {formatTime(responsibility.endTime)}\n \n ) : (\n 'No time set'\n )}\n

\n \n

\n handleEdit(responsibility)}\n className=\"text-blue-600 hover:text-blue-800 text-sm font-medium\"\n >\n Edit\n \n handleArchive(responsibility.id)}\n className=\"text-red-600 hover:text-red-800 text-sm font-medium\"\n >\n Archive\n \n

\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/ResponsibilitiesPage.tsx","extension","actionData","errors"]