\n {isEditing ? (\n

\n setEditName(e.target.value)}\n className=\"md:col-span-2 px-3 py-1 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500\"\n disabled={isUpdating}\n />\n

\n setEditQuantity(parseInt(e.target.value) || 1)}\n className=\"px-2 py-1 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500\"\n disabled={isUpdating}\n />\n setEditUnit(e.target.value)}\n className=\"px-2 py-1 border border-gray-300 rounded focus:outline-none focus:ring-2 focus:ring-blue-500\"\n disabled={isUpdating}\n />\n

\n \n

\n \n Save\n \n \n Cancel\n \n

\n ) : (\n

\n \n {item.purchased && '✓'}\n \n \n

\n {item.name}\n

\n {item.quantity} {item.unit}{item.quantity !== 1 ? 's' : ''}\n

\n \n

\n setIsEditing(true)}\n className=\"p-1 text-gray-400 hover:text-blue-500 transition-colors\"\n title=\"Edit item\"\n >\n ✏️\n \n \n 🗑️\n \n

\n )}\n

\n );\n}","deleted","label",[175,176,158],"frontend","components","permalink","https://www.val.town/x/Jassy/untitled-6073/code/frontend/components/GroceryItem.tsx","extension","actionData","errors"]