🍇 Vineyard Blocks

\n setShowAddModal(true)}\n className=\"bg-red-800 text-white px-4 py-2 rounded-md hover:bg-red-900 transition-colors\"\n >\n + Add Block\n \n

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

🍇

No vineyard blocks defined yet.

\n setShowAddModal(true)}\n className=\"bg-red-800 text-white px-4 py-2 rounded-md hover:bg-red-900 transition-colors\"\n >\n Add Your First Block\n \n

\n ) : (\n

\n {vineyardBlocks.map((block) => (\n

{block.name}

\n \n {block.vintage}\n \n

\n\n

\n {block.varietal}\n

\n\n

Alcohol

{block.alcohol}%

{block.ph}

Acidity

\n {block.acidity} g/L\n \n ({getAcidityLevel(block.acidity).label})\n \n

Tannins

\n {block.tannins}/10\n \n ({getTanninLevel(block.tannins).label})\n \n

\n\n

Residual Sugar

{block.sugar} g/L

\n\n {block.notes && (\n

Notes

{block.notes}

\n )}\n\n

\n Added: {new Date(block.created_at).toLocaleDateString()}\n

\n ))}\n

\n )}\n

\n\n {/* Add Block Modal */}\n {showAddModal && (\n

\n Add New Vineyard Block\n

\n\n {error && (\n

{error}

\n )}\n\n

\n \n Block Name *\n \n setNewBlock(prev => ({ ...prev, name: e.target.value }))}\n placeholder=\"e.g., Block F - North Hill\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500\"\n />\n

\n\n

\n \n Varietal *\n \n setNewBlock(prev => ({ ...prev, varietal: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500\"\n >\n \n {varietals.map(varietal => (\n \n ))}\n \n

\n\n

\n \n Vintage\n \n setNewBlock(prev => ({ ...prev, vintage: parseInt(e.target.value) || new Date().getFullYear() }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500\"\n />\n

\n\n

\n \n Alcohol %\n \n setNewBlock(prev => ({ ...prev, alcohol: parseFloat(e.target.value) || 14.0 }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500\"\n />\n

\n\n

\n \n pH\n \n setNewBlock(prev => ({ ...prev, ph: parseFloat(e.target.value) || 3.6 }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500\"\n />\n

\n\n

\n \n Acidity (g/L)\n \n setNewBlock(prev => ({ ...prev, acidity: parseFloat(e.target.value) || 6.0 }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500\"\n />\n

\n\n

\n \n Tannins (1-10)\n \n setNewBlock(prev => ({ ...prev, tannins: parseFloat(e.target.value) || 7.0 }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500\"\n />\n

\n\n

\n \n Sugar (g/L)\n \n setNewBlock(prev => ({ ...prev, sugar: parseFloat(e.target.value) || 1.0 }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500\"\n />\n

\n\n

\n \n Notes\n \n setNewBlock(prev => ({ ...prev, notes: e.target.value }))}\n placeholder=\"Terroir characteristics, harvest notes, special conditions...\"\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-red-500\"\n rows={3}\n />\n

\n\n

\n \n Add Block\n \n {\n setShowAddModal(false);\n setError('');\n }}\n className=\"px-4 py-2 border border-gray-300 text-gray-700 rounded-md hover:bg-gray-50 transition-colors\"\n >\n Cancel\n \n

\n )}\n

\n );\n}","deleted","label",[168,169,150],"frontend","components","permalink","https://www.val.town/x/spooky/winn/code/frontend/components/VineyardBlocks.tsx","extension","actionData","errors"]