Repair Tracker

\n Track and manage boat repairs and maintenance\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-orange-600 hover:bg-orange-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-orange-500\"\n >\n 🔧 Report Repair\n \n

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

\n {editingRepair ? 'Edit Repair' : 'Report New Repair'}\n

\n \n Boat *\n \n setFormData({ ...formData, boat_id: parseInt(e.target.value) })}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-orange-500 focus:border-orange-500 sm:text-sm\"\n >\n \n {boats.map((boat) => (\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-orange-500 focus:border-orange-500 sm:text-sm\"\n >\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-orange-500 focus:border-orange-500 sm:text-sm\"\n >\n \n \n \n \n \n

\n \n Reported By *\n \n setFormData({ ...formData, reported_by: e.target.value })}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-orange-500 focus:border-orange-500 sm:text-sm\"\n />\n

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

\n \n Estimated Cost\n \n setFormData({ ...formData, estimated_cost: e.target.value ? parseFloat(e.target.value) : undefined })}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-orange-500 focus:border-orange-500 sm:text-sm\"\n />\n

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

\n \n Parts Needed\n \n setFormData({ ...formData, parts_needed: e.target.value })}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-orange-500 focus:border-orange-500 sm:text-sm\"\n />\n

\n \n Cancel\n \n \n {editingRepair ? 'Update' : 'Report'} Repair\n \n

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

\n
No repairs found. Report your first repair to get started.
\n
\n
\n
\n
\n
\n 🔧\n
\n
\n
\n
\n {repair.boat_name || `Boat #${repair.boat_id}`}\n
\n \n {repair.status.replace('_', ' ')}\n \n \n {repair.priority}\n \n
\n
{repair.description}
\n
\n Reported by: {repair.reported_by}\n {repair.assigned_to && Assigned to: {repair.assigned_to}}\n Created: {formatDate(repair.created_at)}\n {repair.estimated_cost && Est. Cost: {formatCurrency(repair.estimated_cost)}}\n
\n {repair.parts_needed && (\n
\n Parts needed: {repair.parts_needed}\n
\n )}\n {repair.completion_notes && (\n
\n Completion notes: {repair.completion_notes}\n
\n )}\n
\n
\n
\n handleEdit(repair)}\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-orange-500\"\n >\n ✏️ Edit\n \n handleDelete(repair)}\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/RepairTracker.tsx","extension","actionData","errors"]