Boat Management

\n Manage your rowing club's boat inventory\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-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500\"\n >\n 🚣 Add New Boat\n \n

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

\n {editingBoat ? 'Edit Boat' : 'Add New Boat'}\n

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

\n \n Type *\n \n setFormData({ ...formData, type: e.target.value as any })}\n className=\"mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm\"\n >\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-blue-500 focus:border-blue-500 sm:text-sm\"\n >\n \n \n \n \n \n

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

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

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

\n \n Cancel\n \n \n {editingBoat ? 'Update' : 'Add'} Boat\n \n

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

\n
No boats found. Add your first boat to get started.
\n
\n
\n
\n
\n {getTypeIcon(boat.type)}\n
\n
\n
\n
{boat.name}
\n \n {boat.status}\n \n
\n
\n {boat.type}\n {boat.manufacturer && (\n <>\n •\n {boat.manufacturer}\n \n )}\n {boat.year && (\n <>\n •\n {boat.year}\n \n )}\n
\n {boat.notes && (\n
{boat.notes}
\n )}\n
\n
\n
\n handleEdit(boat)}\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-blue-500\"\n >\n ✏️ Edit\n \n handleDelete(boat)}\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}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/bart/Rowing/code/frontend/components/BoatManager.tsx","extension","actionData","errors"]