function MainComponent() { const [currentPage, setCurrentPage] = React.useState("home"); const [selectedGrowId, setSelectedGrowId] = React.useState(null); const [strains, setStrains] = React.useState([]); const [activeGrows, setActiveGrows] = React.useState([]); const [completedGrows, setCompletedGrows] = React.useState([]); const [weeklyLogs, setWeeklyLogs] = React.useState([]); const [error, setError] = React.useState(null); const [showWeekForm, setShowWeekForm] = React.useState(false); const [editingWeek, setEditingWeek] = React.useState(null); const [editingStrain, setEditingStrain] = React.useState(null); const [editingGrow, setEditingGrow] = React.useState(null); const [growFilter, setGrowFilter] = React.useState("active"); const loadGrowDetails = async (growId)=>{ try { const response = await fetch("/api/get-grow", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ grow_id: growId }) }); const data = await response.json(); if (data.error) throw new Error(data.error); return data; } catch (err) { setError(`Failed to load grow details: ${err.message}`); return null; } }; const loadStrains = async ()=>{ try { const response = await fetch("/api/list-strains", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); const data = await response.json(); if (data.error) throw new Error(data.error); setStrains(data.strains || []); } catch (err) { setError(`Failed to load strains: ${err.message}`); } }; const loadActiveGrows = async ()=>{ try { const response = await fetch("/api/list-grows", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ completed: false }) }); const data = await response.json(); if (data.error) throw new Error(data.error); setActiveGrows(data.grows || []); } catch (err) { setError(`Failed to load active grows: ${err.message}`); } }; const loadCompletedGrows = async ()=>{ try { const response = await fetch("/api/list-grows", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ completed: true }) }); const data = await response.json(); if (data.error) throw new Error(data.error); setCompletedGrows(data.grows || []); } catch (err) { setError(`Failed to load completed grows: ${err.message}`); } }; const loadWeeklyLogs = async (growId)=>{ if (!growId) return; try { const response = await fetch("/api/get-weekly-logs", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ grow_id: growId }) }); const data = await response.json(); if (data.error) throw new Error(data.error); setWeeklyLogs(data.logs || []); } catch (err) { setError(`Failed to load weekly logs: ${err.message}`); } }; React.useEffect(()=>{ loadStrains(); loadActiveGrows(); loadCompletedGrows(); }, []); React.useEffect(()=>{ if (selectedGrowId && currentPage === "grow-detail") { loadWeeklyLogs(selectedGrowId); } }, [ selectedGrowId, currentPage ]); const navigateToGrowDetail = (growId)=>{ setSelectedGrowId(growId); setCurrentPage("grow-detail"); }; const navigateToHome = ()=>{ setCurrentPage("home"); setSelectedGrowId(null); }; const getWeekLog = (weekNumber)=>{ return weeklyLogs.find((log)=>log.week_number === weekNumber) || {}; }; const handleWeekClick = (weekNumber)=>{ setEditingWeek(weekNumber); setShowWeekForm(true); }; const handleSaveWeekLog = async (logData)=>{ try { const response = await fetch("/api/save-weekly-log", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(logData) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } else { setShowWeekForm(false); setEditingWeek(null); setError(null); await loadWeeklyLogs(selectedGrowId); } } catch (err) { console.error("Error in handleSaveWeekLog:", err); setError(`Failed to save weekly log: ${err.message}`); throw err; } }; const handleDeleteStrain = async (strainId)=>{ if (!confirm("Are you sure you want to delete this strain?")) return; try { const response = await fetch("/api/delete-strain", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ id: strainId }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setError(null); await loadStrains(); } catch (err) { console.error("Error deleting strain:", err); setError(`Failed to delete strain: ${err.message}`); } }; const handleDeleteGrow = async (growId)=>{ if (!confirm("Are you sure you want to delete this grow?")) return; try { const response = await fetch("/api/delete-grow", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ id: growId }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setError(null); await loadActiveGrows(); await loadCompletedGrows(); } catch (err) { console.error("Error deleting grow:", err); setError(`Failed to delete grow: ${err.message}`); } }; const handleSaveStrain = async (strainData)=>{ try { const isEditing = editingStrain && editingStrain.id; const endpoint = isEditing ? "/api/update-strain" : "/api/create-strain"; const payload = isEditing ? { ...strainData, id: editingStrain.id } : strainData; const response = await fetch(endpoint, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setError(null); setEditingStrain(null); setCurrentPage("strain-registry"); await loadStrains(); } catch (err) { console.error("Error saving strain:", err); setError(`Failed to save strain: ${err.message}`); throw err; } }; const handleSaveGrow = async (growData)=>{ try { const response = await fetch("/api/create-grow", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(growData) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setError(null); setCurrentPage("active-grows"); await loadActiveGrows(); } catch (err) { console.error("Error saving grow:", err); setError(`Failed to save grow: ${err.message}`); throw err; } }; const handleUpdateGrow = async (growData)=>{ try { const response = await fetch("/api/update-grow", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...growData, id: editingGrow.id }) }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setError(null); setEditingGrow(null); setCurrentPage("active-grows"); await loadActiveGrows(); await loadCompletedGrows(); } catch (err) { console.error("Error updating grow:", err); setError(`Failed to update grow: ${err.message}`); throw err; } }; const WeeklyLogForm = ({ weekNumber, existingData, onSave, onCancel })=>{ const [formData, setFormData] = React.useState({ ph: existingData?.ph || "", ppfd: existingData?.ppfd || "", vpd: existingData?.vpd || "", reservoir_changed: existingData?.reservoir_changed || false, notes: existingData?.notes || "", photos: existingData?.photos || [] }); const [upload, { loading: uploading }] = useUpload(); const [uploadError, setUploadError] = React.useState(null); const handlePhotoUpload = async (file)=>{ try { setUploadError(null); const { url, error } = await upload({ file }); if (error) { setUploadError(error); return; } setFormData((prev)=>({ ...prev, photos: [ ...prev.photos, url ] })); } catch (err) { setUploadError("Failed to upload image: " + err.message); } }; const removePhoto = (index)=>{ setFormData((prev)=>({ ...prev, photos: prev.photos.filter((_, i)=>i !== index) })); }; const handleSubmit = async (e)=>{ e.preventDefault(); try { await onSave({ grow_id: selectedGrowId, week_number: weekNumber, ...formData }); } catch (err) {} }; return /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 346, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg max-w-md w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 347, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 348, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 349, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 350, columnNumber: 15 }, __self: this }, "Week ", weekNumber, " Log"), /*#__PURE__*/ React.createElement("button", { onClick: onCancel, className: "text-gray-400 hover:text-gray-600", __source: { fileName: "", lineNumber: 351, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 355, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 359, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 360, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 361, columnNumber: 17 }, __self: this }, "Photos"), formData.photos.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-2 mb-3", __source: { fileName: "", lineNumber: 366, columnNumber: 19 }, __self: this }, formData.photos.map((photo, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "relative", __source: { fileName: "", lineNumber: 368, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: photo, alt: `Week ${weekNumber} photo ${index + 1}`, className: "w-full h-24 object-cover rounded border", __source: { fileName: "", lineNumber: 369, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>removePhoto(index), className: "absolute top-1 right-1 bg-red-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-xs hover:bg-red-600", __source: { fileName: "", lineNumber: 374, columnNumber: 25 }, __self: this }, "×")))), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: (e)=>{ if (e.target.files[0]) { handlePhotoUpload(e.target.files[0]); } }, className: "block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-green-50 file:text-green-700 hover:file:bg-green-100", disabled: uploading, __source: { fileName: "", lineNumber: 386, columnNumber: 17 }, __self: this }), uploading && /*#__PURE__*/ React.createElement("div", { className: "text-sm text-blue-600 mt-1", __source: { fileName: "", lineNumber: 398, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 399, columnNumber: 21 }, __self: this }), "Uploading image..."), uploadError && /*#__PURE__*/ React.createElement("div", { className: "text-sm text-red-600 mt-1", __source: { fileName: "", lineNumber: 404, columnNumber: 19 }, __self: this }, uploadError)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 408, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 409, columnNumber: 17 }, __self: this }, "pH"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.1", min: "0", max: "14", value: formData.ph, onChange: (e)=>setFormData((prev)=>({ ...prev, ph: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", placeholder: "6.0", __source: { fileName: "", lineNumber: 412, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 426, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 427, columnNumber: 17 }, __self: this }, "PPFD (μmol/m²/s)"), /*#__PURE__*/ React.createElement("input", { type: "number", min: "0", value: formData.ppfd, onChange: (e)=>setFormData((prev)=>({ ...prev, ppfd: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", placeholder: "600", __source: { fileName: "", lineNumber: 430, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 442, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 443, columnNumber: 17 }, __self: this }, "VPD (kPa)"), /*#__PURE__*/ React.createElement("input", { type: "number", step: "0.1", min: "0", value: formData.vpd, onChange: (e)=>setFormData((prev)=>({ ...prev, vpd: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", placeholder: "1.2", __source: { fileName: "", lineNumber: 446, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 459, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 460, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: formData.reservoir_changed, onChange: (e)=>setFormData((prev)=>({ ...prev, reservoir_changed: e.target.checked })), className: "mr-2 h-4 w-4 text-green-600 focus:ring-green-500 border-gray-300 rounded", __source: { fileName: "", lineNumber: 461, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 472, columnNumber: 19 }, __self: this }, "Reservoir changed"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 478, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 479, columnNumber: 17 }, __self: this }, "Notes"), /*#__PURE__*/ React.createElement("textarea", { value: formData.notes, onChange: (e)=>setFormData((prev)=>({ ...prev, notes: e.target.value })), rows: 3, className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", placeholder: "Weekly observations, changes, etc.", __source: { fileName: "", lineNumber: 482, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-3 pt-4", __source: { fileName: "", lineNumber: 493, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 bg-green-600 text-white py-2 px-4 rounded hover:bg-green-700 focus:ring-2 focus:ring-green-500 focus:ring-offset-2", __source: { fileName: "", lineNumber: 494, columnNumber: 17 }, __self: this }, "Save Week Log"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: onCancel, className: "flex-1 bg-gray-300 text-gray-700 py-2 px-4 rounded hover:bg-gray-400 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2", __source: { fileName: "", lineNumber: 500, columnNumber: 17 }, __self: this }, "Cancel")))))); }; const StrainForm = ({ strain, onSave, onCancel })=>{ const [formData, setFormData] = React.useState({ strain_name: strain?.strain_name || "", strain_type: strain?.strain_type || "", breeder_name: strain?.breeder_name || "", yield_amount: strain?.yield_amount || "", potency: strain?.potency || "", grows_completed: strain?.grows_completed || 0, photos: strain?.photos || [] }); const [upload, { loading: uploading }] = useUpload(); const [uploadError, setUploadError] = React.useState(null); const handlePhotoUpload = async (file)=>{ try { setUploadError(null); const { url, error } = await upload({ file }); if (error) { setUploadError(error); return; } setFormData((prev)=>({ ...prev, photos: [ ...prev.photos, url ] })); } catch (err) { setUploadError("Failed to upload image: " + err.message); } }; const removePhoto = (index)=>{ setFormData((prev)=>({ ...prev, photos: prev.photos.filter((_, i)=>i !== index) })); }; const handleSubmit = (e)=>{ e.preventDefault(); onSave(formData); }; return /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 560, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 561, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 562, columnNumber: 11 }, __self: this }, "Photos"), formData.photos.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-2 mb-3", __source: { fileName: "", lineNumber: 567, columnNumber: 13 }, __self: this }, formData.photos.map((photo, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "relative", __source: { fileName: "", lineNumber: 569, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: photo, alt: `Strain photo ${index + 1}`, className: "w-full h-24 object-cover rounded border", __source: { fileName: "", lineNumber: 570, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>removePhoto(index), className: "absolute top-1 right-1 bg-red-500 text-white rounded-full w-6 h-6 flex items-center justify-center text-xs hover:bg-red-600", __source: { fileName: "", lineNumber: 575, columnNumber: 19 }, __self: this }, "×")))), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: (e)=>{ if (e.target.files[0]) { handlePhotoUpload(e.target.files[0]); } }, className: "block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-green-50 file:text-green-700 hover:file:bg-green-100", disabled: uploading, __source: { fileName: "", lineNumber: 587, columnNumber: 11 }, __self: this }), uploading && /*#__PURE__*/ React.createElement("div", { className: "text-sm text-blue-600 mt-1", __source: { fileName: "", lineNumber: 599, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 600, columnNumber: 15 }, __self: this }), "Uploading image..."), uploadError && /*#__PURE__*/ React.createElement("div", { className: "text-sm text-red-600 mt-1", __source: { fileName: "", lineNumber: 605, columnNumber: 13 }, __self: this }, uploadError)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 609, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 610, columnNumber: 11 }, __self: this }, "Strain Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: formData.strain_name, onChange: (e)=>setFormData((prev)=>({ ...prev, strain_name: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", placeholder: "Strain Name", __source: { fileName: "", lineNumber: 613, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 624, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 625, columnNumber: 11 }, __self: this }, "Strain Type"), /*#__PURE__*/ React.createElement("select", { value: formData.strain_type, onChange: (e)=>setFormData((prev)=>({ ...prev, strain_type: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 628, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 635, columnNumber: 13 }, __self: this }, "Select Strain Type"), /*#__PURE__*/ React.createElement("option", { value: "Indica Dominant", __source: { fileName: "", lineNumber: 636, columnNumber: 13 }, __self: this }, "Indica Dominant"), /*#__PURE__*/ React.createElement("option", { value: "Sativa Dominant", __source: { fileName: "", lineNumber: 637, columnNumber: 13 }, __self: this }, "Sativa Dominant"), /*#__PURE__*/ React.createElement("option", { value: "Hybrid", __source: { fileName: "", lineNumber: 638, columnNumber: 13 }, __self: this }, "Hybrid"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 642, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 643, columnNumber: 11 }, __self: this }, "Breeder Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: formData.breeder_name, onChange: (e)=>setFormData((prev)=>({ ...prev, breeder_name: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", placeholder: "Breeder Name", __source: { fileName: "", lineNumber: 646, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 657, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 658, columnNumber: 11 }, __self: this }, "Yield Amount"), /*#__PURE__*/ React.createElement("input", { type: "text", value: formData.yield_amount, onChange: (e)=>setFormData((prev)=>({ ...prev, yield_amount: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", placeholder: "Yield Amount", __source: { fileName: "", lineNumber: 661, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 672, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 673, columnNumber: 11 }, __self: this }, "Potency"), /*#__PURE__*/ React.createElement("input", { type: "text", value: formData.potency, onChange: (e)=>setFormData((prev)=>({ ...prev, potency: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", placeholder: "Potency", __source: { fileName: "", lineNumber: 676, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 687, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 688, columnNumber: 11 }, __self: this }, "Grows Completed"), /*#__PURE__*/ React.createElement("input", { type: "number", value: formData.grows_completed, onChange: (e)=>setFormData((prev)=>({ ...prev, grows_completed: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", placeholder: "Grows Completed", __source: { fileName: "", lineNumber: 691, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-3 pt-4", __source: { fileName: "", lineNumber: 705, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 bg-green-600 text-white py-2 px-4 rounded hover:bg-green-700 focus:ring-2 focus:ring-green-500 focus:ring-offset-2", __source: { fileName: "", lineNumber: 706, columnNumber: 11 }, __self: this }, "Save Strain"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: onCancel, className: "flex-1 bg-gray-300 text-gray-700 py-2 px-4 rounded hover:bg-gray-400 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2", __source: { fileName: "", lineNumber: 712, columnNumber: 11 }, __self: this }, "Cancel"))); }; const GrowForm = ({ grow, onSave, onCancel })=>{ const [formData, setFormData] = React.useState({ strain_name: grow?.strain_name || "", clone_date: grow?.clone_date || "", veg_start_date: grow?.veg_start_date || "", tent_date: grow?.tent_date || "", profile_image: grow?.profile_image || "", completed: grow?.completed || false }); const [upload, { loading: uploading }] = useUpload(); const [uploadError, setUploadError] = React.useState(null); const handleImageUpload = async (file)=>{ try { setUploadError(null); const { url, error } = await upload({ file }); if (error) { setUploadError(error); return; } setFormData((prev)=>({ ...prev, profile_image: url })); } catch (err) { setUploadError("Failed to upload image: " + err.message); } }; const handleSubmit = (e)=>{ e.preventDefault(); onSave(formData); }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto", __source: { fileName: "", lineNumber: 761, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 762, columnNumber: 9 }, __self: this }, grow ? "Edit Grow" : "Add New Grow"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 766, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 767, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 768, columnNumber: 13 }, __self: this }, "Profile Image"), formData.profile_image && /*#__PURE__*/ React.createElement("div", { className: "mb-3", __source: { fileName: "", lineNumber: 773, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: formData.profile_image, alt: "Grow profile", className: "w-full h-32 object-cover rounded border", __source: { fileName: "", lineNumber: 774, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setFormData((prev)=>({ ...prev, profile_image: "" })), className: "mt-2 text-sm text-red-600 hover:text-red-800", __source: { fileName: "", lineNumber: 779, columnNumber: 17 }, __self: this }, "Remove image")), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: (e)=>{ if (e.target.files[0]) { handleImageUpload(e.target.files[0]); } }, className: "block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-full file:border-0 file:text-sm file:font-semibold file:bg-green-50 file:text-green-700 hover:file:bg-green-100", disabled: uploading, __source: { fileName: "", lineNumber: 791, columnNumber: 13 }, __self: this }), uploading && /*#__PURE__*/ React.createElement("div", { className: "text-sm text-blue-600 mt-1", __source: { fileName: "", lineNumber: 803, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 804, columnNumber: 17 }, __self: this }), "Uploading image..."), uploadError && /*#__PURE__*/ React.createElement("div", { className: "text-sm text-red-600 mt-1", __source: { fileName: "", lineNumber: 809, columnNumber: 15 }, __self: this }, uploadError)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 813, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 814, columnNumber: 13 }, __self: this }, "Strain Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", required: true, value: formData.strain_name, onChange: (e)=>setFormData((prev)=>({ ...prev, strain_name: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", placeholder: "Enter strain name", __source: { fileName: "", lineNumber: 817, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 832, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 833, columnNumber: 13 }, __self: this }, "Clone Date"), /*#__PURE__*/ React.createElement("input", { type: "date", value: formData.clone_date, onChange: (e)=>setFormData((prev)=>({ ...prev, clone_date: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 836, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 846, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 847, columnNumber: 13 }, __self: this }, "Veg Start Date"), /*#__PURE__*/ React.createElement("input", { type: "date", value: formData.veg_start_date, onChange: (e)=>setFormData((prev)=>({ ...prev, veg_start_date: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 850, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 863, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 864, columnNumber: 13 }, __self: this }, "Tent Date"), /*#__PURE__*/ React.createElement("input", { type: "date", value: formData.tent_date, onChange: (e)=>setFormData((prev)=>({ ...prev, tent_date: e.target.value })), className: "w-full p-2 border border-gray-300 rounded focus:ring-2 focus:ring-green-500 focus:border-transparent", __source: { fileName: "", lineNumber: 867, columnNumber: 13 }, __self: this })), grow && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 878, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 879, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: formData.completed, onChange: (e)=>setFormData((prev)=>({ ...prev, completed: e.target.checked })), className: "mr-2 h-4 w-4 text-green-600 focus:ring-green-500 border-gray-300 rounded", __source: { fileName: "", lineNumber: 880, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 891, columnNumber: 17 }, __self: this }, "Mark as completed"))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-3 pt-4", __source: { fileName: "", lineNumber: 898, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 bg-green-600 text-white py-2 px-4 rounded hover:bg-green-700 focus:ring-2 focus:ring-green-500 focus:ring-offset-2", __source: { fileName: "", lineNumber: 899, columnNumber: 13 }, __self: this }, grow ? "Update Grow" : "Create Grow"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: onCancel, className: "flex-1 bg-gray-300 text-gray-700 py-2 px-4 rounded hover:bg-gray-400 focus:ring-2 focus:ring-gray-500 focus:ring-offset-2", __source: { fileName: "", lineNumber: 905, columnNumber: 13 }, __self: this }, "Cancel")))); }; const GrowCard = ({ grow, isCompleted })=>/*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 rounded-lg border shadow-sm", __source: { fileName: "", lineNumber: 919, columnNumber: 5 }, __self: this }, grow.profile_image && /*#__PURE__*/ React.createElement("img", { src: grow.profile_image, alt: `Grow ${grow.strain_name}`, className: "w-full h-32 object-cover rounded mb-3", __source: { fileName: "", lineNumber: 921, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-lg mb-2", __source: { fileName: "", lineNumber: 927, columnNumber: 7 }, __self: this }, grow.strain_name), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-1", __source: { fileName: "", lineNumber: 928, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 929, columnNumber: 9 }, __self: this }, "Clone Date:"), " ", grow.clone_date || "Not specified"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-1", __source: { fileName: "", lineNumber: 931, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 932, columnNumber: 9 }, __self: this }, "Veg Start Date:"), " ", grow.veg_start_date || "Not specified"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-1", __source: { fileName: "", lineNumber: 935, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 936, columnNumber: 9 }, __self: this }, "Tent Date:"), " ", grow.tent_date || "Not specified"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 mt-3", __source: { fileName: "", lineNumber: 938, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>navigateToGrowDetail(grow.id), className: "flex-1 bg-blue-600 text-white px-3 py-1 rounded text-sm hover:bg-blue-700", __source: { fileName: "", lineNumber: 939, columnNumber: 9 }, __self: this }, "View Details"), !isCompleted && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setEditingGrow(grow); setCurrentPage("edit-grow"); }, className: "flex-1 bg-green-600 text-white px-3 py-1 rounded text-sm hover:bg-green-700", __source: { fileName: "", lineNumber: 947, columnNumber: 13 }, __self: this }, "Edit"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDeleteGrow(grow.id), className: "flex-1 bg-red-600 text-white px-3 py-1 rounded text-sm hover:bg-red-700", __source: { fileName: "", lineNumber: 956, columnNumber: 13 }, __self: this }, "Delete")))); const renderCurrentPage = ()=>{ switch(currentPage){ case "home": return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 972, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 973, columnNumber: 13 }, __self: this }, "Welcome to the Grow Log"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-8", __source: { fileName: "", lineNumber: 976, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg border shadow-sm", __source: { fileName: "", lineNumber: 977, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 978, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-3 rounded-full bg-blue-100 mr-4", __source: { fileName: "", lineNumber: 979, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-seedling text-2xl text-blue-600", __source: { fileName: "", lineNumber: 980, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 982, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800", __source: { fileName: "", lineNumber: 983, columnNumber: 21 }, __self: this }, "Active Grows"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 986, columnNumber: 21 }, __self: this }, activeGrows.length)))), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-6 rounded-lg border shadow-sm", __source: { fileName: "", lineNumber: 992, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 993, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-3 rounded-full bg-green-100 mr-4", __source: { fileName: "", lineNumber: 994, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cannabis text-2xl text-green-600", __source: { fileName: "", lineNumber: 995, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 997, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800", __source: { fileName: "", lineNumber: 998, columnNumber: 21 }, __self: this }, "Strain Varieties"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-green-600", __source: { fileName: "", lineNumber: 1001, columnNumber: 21 }, __self: this }, strains.length))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 1009, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("strain-registry"), className: "bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700", __source: { fileName: "", lineNumber: 1010, columnNumber: 15 }, __self: this }, "Strain Registry"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("active-grows"), className: "bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 1016, columnNumber: 15 }, __self: this }, "Active Grows"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("completed-grows"), className: "bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700", __source: { fileName: "", lineNumber: 1022, columnNumber: 15 }, __self: this }, "Completed Grows"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("add-grow"), className: "bg-orange-600 text-white px-4 py-2 rounded hover:bg-orange-700", __source: { fileName: "", lineNumber: 1028, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 1032, columnNumber: 17 }, __self: this }), "Add New Grow"))); case "grow-detail": const selectedGrow = [ ...activeGrows, ...completedGrows ].find((g)=>g.id === selectedGrowId); if (!selectedGrow) { return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1045, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1046, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: navigateToHome, className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 1047, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 1051, columnNumber: 19 }, __self: this }), "Back to Home")), /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-600 py-8", __source: { fileName: "", lineNumber: 1055, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1056, columnNumber: 17 }, __self: this }, "Grow not found"))); } return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1063, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1064, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: navigateToHome, className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 1065, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 1069, columnNumber: 17 }, __self: this }), "Back to Home")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 text-red-600 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 1075, columnNumber: 15 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg border shadow-sm p-6 mb-6", __source: { fileName: "", lineNumber: 1081, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-6", __source: { fileName: "", lineNumber: 1082, columnNumber: 15 }, __self: this }, selectedGrow.profile_image && /*#__PURE__*/ React.createElement("img", { src: selectedGrow.profile_image, alt: selectedGrow.strain_name, className: "w-full md:w-48 h-48 object-cover rounded", __source: { fileName: "", lineNumber: 1084, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 1090, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 1091, columnNumber: 19 }, __self: this }, selectedGrow.strain_name), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 text-sm", __source: { fileName: "", lineNumber: 1094, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1095, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { className: "text-gray-700", __source: { fileName: "", lineNumber: 1096, columnNumber: 23 }, __self: this }, "Clone Date:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1097, columnNumber: 23 }, __self: this }, selectedGrow.clone_date || "Not specified")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1099, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { className: "text-gray-700", __source: { fileName: "", lineNumber: 1100, columnNumber: 23 }, __self: this }, "Veg Start Date:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1101, columnNumber: 23 }, __self: this }, selectedGrow.veg_start_date || "Not specified")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1103, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { className: "text-gray-700", __source: { fileName: "", lineNumber: 1104, columnNumber: 23 }, __self: this }, "Tent Date:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1105, columnNumber: 23 }, __self: this }, selectedGrow.tent_date || "Not specified")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1107, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { className: "text-gray-700", __source: { fileName: "", lineNumber: 1108, columnNumber: 23 }, __self: this }, "Status:"), /*#__PURE__*/ React.createElement("p", { className: selectedGrow.completed ? "text-green-600" : "text-blue-600", __source: { fileName: "", lineNumber: 1109, columnNumber: 23 }, __self: this }, selectedGrow.completed ? "Completed" : "Active")))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg border shadow-sm p-6", __source: { fileName: "", lineNumber: 1125, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 1126, columnNumber: 15 }, __self: this }, "Weekly Timeline"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3", __source: { fileName: "", lineNumber: 1128, columnNumber: 15 }, __self: this }, Array.from({ length: 20 }, (_, i)=>i + 1).map((weekNumber)=>{ const weekLog = getWeekLog(weekNumber); const hasData = Object.keys(weekLog).length > 1; // more than just empty object return /*#__PURE__*/ React.createElement("button", { key: weekNumber, onClick: ()=>handleWeekClick(weekNumber), className: `p-3 rounded border-2 text-left transition-colors ${hasData ? "border-green-500 bg-green-50 hover:bg-green-100" : "border-gray-200 bg-gray-50 hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 1135, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-1", __source: { fileName: "", lineNumber: 1144, columnNumber: 25 }, __self: this }, "Week ", weekNumber), hasData ? /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-600 space-y-1", __source: { fileName: "", lineNumber: 1148, columnNumber: 27 }, __self: this }, weekLog.ph && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1149, columnNumber: 44 }, __self: this }, "pH: ", weekLog.ph), weekLog.ppfd && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1150, columnNumber: 46 }, __self: this }, "PPFD: ", weekLog.ppfd), weekLog.vpd && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1151, columnNumber: 45 }, __self: this }, "VPD: ", weekLog.vpd), weekLog.reservoir_changed && /*#__PURE__*/ React.createElement("div", { className: "text-blue-600", __source: { fileName: "", lineNumber: 1153, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tint mr-1", __source: { fileName: "", lineNumber: 1154, columnNumber: 33 }, __self: this }), "Reservoir changed"), weekLog.photos && weekLog.photos.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "text-green-600", __source: { fileName: "", lineNumber: 1159, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-camera mr-1", __source: { fileName: "", lineNumber: 1160, columnNumber: 33 }, __self: this }), weekLog.photos.length, " photo(s)")) : /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400", __source: { fileName: "", lineNumber: 1166, columnNumber: 27 }, __self: this }, "Click to add data")); })), weeklyLogs.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 1178, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 1179, columnNumber: 19 }, __self: this }, "Weekly Progress"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 1182, columnNumber: 19 }, __self: this }, weeklyLogs.sort((a, b)=>a.week_number - b.week_number).map((log)=>/*#__PURE__*/ React.createElement("div", { key: log.id, className: "border-l-4 border-green-500 pl-4", __source: { fileName: "", lineNumber: 1186, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 1190, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold", __source: { fileName: "", lineNumber: 1191, columnNumber: 29 }, __self: this }, "Week ", log.week_number), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleWeekClick(log.week_number), className: "text-blue-600 hover:text-blue-800 text-sm", __source: { fileName: "", lineNumber: 1194, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit mr-1", __source: { fileName: "", lineNumber: 1198, columnNumber: 31 }, __self: this }), "Edit")), log.photos && log.photos.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-2 mb-3", __source: { fileName: "", lineNumber: 1204, columnNumber: 29 }, __self: this }, log.photos.map((photo, index)=>/*#__PURE__*/ React.createElement("img", { key: index, src: photo, alt: `Week ${log.week_number} photo ${index + 1}`, className: "w-full h-24 object-cover rounded border", __source: { fileName: "", lineNumber: 1206, columnNumber: 33 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 text-sm mb-2", __source: { fileName: "", lineNumber: 1216, columnNumber: 27 }, __self: this }, log.ph && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1218, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1219, columnNumber: 33 }, __self: this }, "pH:"), " ", log.ph), log.ppfd && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1223, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1224, columnNumber: 33 }, __self: this }, "PPFD:"), " ", log.ppfd, " μmol/m²/s"), log.vpd && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1228, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1229, columnNumber: 33 }, __self: this }, "VPD:"), " ", log.vpd, " kPa"), log.reservoir_changed && /*#__PURE__*/ React.createElement("div", { className: "text-blue-600", __source: { fileName: "", lineNumber: 1233, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tint mr-1", __source: { fileName: "", lineNumber: 1234, columnNumber: 33 }, __self: this }), "Reservoir changed")), log.notes && /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-600 mt-2", __source: { fileName: "", lineNumber: 1241, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1242, columnNumber: 31 }, __self: this }, "Notes:"), " ", log.notes)))))), showWeekForm && editingWeek && /*#__PURE__*/ React.createElement(WeeklyLogForm, { weekNumber: editingWeek, existingData: getWeekLog(editingWeek), onSave: handleSaveWeekLog, onCancel: ()=>{ setShowWeekForm(false); setEditingWeek(null); }, __source: { fileName: "", lineNumber: 1254, columnNumber: 15 }, __self: this })); case "strain-registry": return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1268, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1269, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: navigateToHome, className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 1270, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 1274, columnNumber: 17 }, __self: this }), "Back to Home")), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 1278, columnNumber: 13 }, __self: this }, "Strain Registry"), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 1280, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("add-strain"), className: "bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700", __source: { fileName: "", lineNumber: 1281, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 1285, columnNumber: 17 }, __self: this }), "Add New Strain")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 text-red-600 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 1291, columnNumber: 15 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 1296, columnNumber: 13 }, __self: this }, strains.map((strain)=>/*#__PURE__*/ React.createElement("div", { key: strain.id, className: "bg-white p-4 rounded-lg border shadow-sm", __source: { fileName: "", lineNumber: 1298, columnNumber: 17 }, __self: this }, strain.photos && strain.photos.length > 0 && /*#__PURE__*/ React.createElement("img", { src: strain.photos[0], alt: strain.strain_name, className: "w-full h-32 object-cover rounded mb-3", __source: { fileName: "", lineNumber: 1303, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-lg mb-2", __source: { fileName: "", lineNumber: 1309, columnNumber: 19 }, __self: this }, strain.strain_name || "Unnamed Strain"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-1", __source: { fileName: "", lineNumber: 1312, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1313, columnNumber: 21 }, __self: this }, "Breeder:"), " ", strain.breeder_name || "Unknown"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-1", __source: { fileName: "", lineNumber: 1315, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1316, columnNumber: 21 }, __self: this }, "Yield:"), " ", strain.yield_amount || "Not specified"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-1", __source: { fileName: "", lineNumber: 1319, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1320, columnNumber: 21 }, __self: this }, "Potency:"), " ", strain.potency || "Not specified"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mb-3", __source: { fileName: "", lineNumber: 1323, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1324, columnNumber: 21 }, __self: this }, "Grows Completed:"), " ", strain.grows_completed || 0), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 1327, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setEditingStrain(strain); setCurrentPage("edit-strain"); }, className: "flex-1 bg-blue-600 text-white px-3 py-1 rounded text-sm hover:bg-blue-700", __source: { fileName: "", lineNumber: 1328, columnNumber: 21 }, __self: this }, "Edit"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDeleteStrain(strain.id), className: "flex-1 bg-red-600 text-white px-3 py-1 rounded text-sm hover:bg-red-700", __source: { fileName: "", lineNumber: 1337, columnNumber: 21 }, __self: this }, "Delete")))))); case "active-grows": const getFilteredGrows = ()=>{ switch(growFilter){ case "active": return activeGrows; case "completed": return completedGrows; case "all": return [ ...activeGrows, ...completedGrows ]; default: return activeGrows; } }; const filteredGrows = getFilteredGrows(); return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1366, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1367, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: navigateToHome, className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 1368, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 1372, columnNumber: 17 }, __self: this }), "Back to Home")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between mb-6", __source: { fileName: "", lineNumber: 1377, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-gray-800 mb-4 sm:mb-0", __source: { fileName: "", lineNumber: 1378, columnNumber: 15 }, __self: this }, growFilter === "active" && "Active Grows", growFilter === "completed" && "Completed Grows", growFilter === "all" && "All Grows"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 1384, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setGrowFilter("active"), className: `px-4 py-2 rounded text-sm font-medium transition-colors ${growFilter === "active" ? "bg-blue-600 text-white" : "bg-gray-200 text-gray-700 hover:bg-gray-300"}`, __source: { fileName: "", lineNumber: 1385, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-leaf mr-2", __source: { fileName: "", lineNumber: 1393, columnNumber: 19 }, __self: this }), "Active (", activeGrows.length, ")"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setGrowFilter("completed"), className: `px-4 py-2 rounded text-sm font-medium transition-colors ${growFilter === "completed" ? "bg-green-600 text-white" : "bg-gray-200 text-gray-700 hover:bg-gray-300"}`, __source: { fileName: "", lineNumber: 1396, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 1404, columnNumber: 19 }, __self: this }), "Completed (", completedGrows.length, ")"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setGrowFilter("all"), className: `px-4 py-2 rounded text-sm font-medium transition-colors ${growFilter === "all" ? "bg-purple-600 text-white" : "bg-gray-200 text-gray-700 hover:bg-gray-300"}`, __source: { fileName: "", lineNumber: 1407, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-th-large mr-2", __source: { fileName: "", lineNumber: 1415, columnNumber: 19 }, __self: this }), "All (", activeGrows.length + completedGrows.length, ")"))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 text-red-600 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 1422, columnNumber: 15 }, __self: this }, error), filteredGrows.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-600 py-8", __source: { fileName: "", lineNumber: 1428, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `text-4xl mb-4 text-gray-400 ${growFilter === "active" ? "fas fa-seedling" : growFilter === "completed" ? "fas fa-check-circle" : "fas fa-th-large"}`, __source: { fileName: "", lineNumber: 1429, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1438, columnNumber: 17 }, __self: this }, growFilter === "active" && "No active grows yet. Create your first grow to get started!", growFilter === "completed" && "No completed grows yet. Mark a grow as complete to see it here!", growFilter === "all" && "No grows yet. Create your first grow to get started!")) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 1448, columnNumber: 15 }, __self: this }, filteredGrows.map((grow)=>/*#__PURE__*/ React.createElement(GrowCard, { key: grow.id, grow: grow, isCompleted: grow.completed || false, __source: { fileName: "", lineNumber: 1450, columnNumber: 19 }, __self: this })))); case "add-strain": return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1462, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1463, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("strain-registry"), className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 1464, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 1468, columnNumber: 17 }, __self: this }), "Back to Strain Registry")), /*#__PURE__*/ React.createElement(StrainForm, { onSave: handleSaveStrain, onCancel: ()=>setCurrentPage("strain-registry"), __source: { fileName: "", lineNumber: 1472, columnNumber: 13 }, __self: this })); case "edit-strain": return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1480, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1481, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setEditingStrain(null); setCurrentPage("strain-registry"); }, className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 1482, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 1489, columnNumber: 17 }, __self: this }), "Back to Strain Registry")), /*#__PURE__*/ React.createElement(StrainForm, { strain: editingStrain, onSave: handleSaveStrain, onCancel: ()=>{ setEditingStrain(null); setCurrentPage("strain-registry"); }, __source: { fileName: "", lineNumber: 1493, columnNumber: 13 }, __self: this })); case "add-grow": return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1505, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1506, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: navigateToHome, className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 1507, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 1511, columnNumber: 17 }, __self: this }), "Back to Home")), /*#__PURE__*/ React.createElement(GrowForm, { onSave: handleSaveGrow, onCancel: ()=>setCurrentPage("active-grows"), __source: { fileName: "", lineNumber: 1515, columnNumber: 13 }, __self: this })); case "edit-grow": return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1523, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1524, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setEditingGrow(null); setCurrentPage("active-grows"); }, className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 1525, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 1532, columnNumber: 17 }, __self: this }), "Back to Active Grows")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 text-red-600 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 1537, columnNumber: 15 }, __self: this }, error), /*#__PURE__*/ React.createElement(GrowForm, { grow: editingGrow, onSave: handleUpdateGrow, onCancel: ()=>{ setEditingGrow(null); setCurrentPage("active-grows"); }, __source: { fileName: "", lineNumber: 1541, columnNumber: 13 }, __self: this })); case "completed-grows": return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1553, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1554, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: navigateToHome, className: "text-blue-600 hover:text-blue-800", __source: { fileName: "", lineNumber: 1555, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 1559, columnNumber: 17 }, __self: this }), "Back to Home")), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 1563, columnNumber: 13 }, __self: this }, "Completed Grows"), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 border border-red-200 text-red-600 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 1566, columnNumber: 15 }, __self: this }, error), completedGrows.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-600 py-8", __source: { fileName: "", lineNumber: 1572, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-4xl mb-4 text-gray-400", __source: { fileName: "", lineNumber: 1573, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1574, columnNumber: 17 }, __self: this }, "No completed grows yet. Mark a grow as complete to see it here!")) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 1580, columnNumber: 15 }, __self: this }, completedGrows.map((grow)=>/*#__PURE__*/ React.createElement(GrowCard, { key: grow.id, grow: grow, isCompleted: true, __source: { fileName: "", lineNumber: 1582, columnNumber: 19 }, __self: this })))); default: return /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 1590, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 1591, columnNumber: 13 }, __self: this }, "Welcome to the Grow Log"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 1592, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("strain-registry"), className: "bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700", __source: { fileName: "", lineNumber: 1593, columnNumber: 15 }, __self: this }, "Strain Registry"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("active-grows"), className: "bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700", __source: { fileName: "", lineNumber: 1599, columnNumber: 15 }, __self: this }, "Active Grows"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage("completed-grows"), className: "bg-purple-600 text-white px-4 py-2 rounded hover:bg-purple-700", __source: { fileName: "", lineNumber: 1605, columnNumber: 15 }, __self: this }, "Completed Grows"))); } }; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1618, columnNumber: 5 }, __self: this }, renderCurrentPage(), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 1621, columnNumber: 7 }, __self: this }, ` .transition { transition: all 0.2s; } `)); }