🌱

Loading your farm data...

\n );\n }\n\n return (\n

\n {/* Welcome Header */}\n

\n Welcome back, {user.username}! 👋\n

Here's what's happening on your farm today

🚜

\n\n {/* Stats Overview */}\n {stats && (\n

Total Crops

{stats.totalCrops}

🌾

\n \n

Total Livestock

{stats.totalLivestock}

🐄

\n \n

Recent Activity

{stats.recentActivity}

📈

\n )}\n\n {/* Tab Navigation */}\n

\n setActiveTab('overview')}\n className={`flex-1 py-4 px-6 text-center transition-all ${\n activeTab === 'overview'\n ? 'bg-green-500 text-white'\n : 'text-gray-600 hover:bg-gray-50'\n }`}\n >\n 📊 Overview\n \n setActiveTab('crops')}\n className={`flex-1 py-4 px-6 text-center transition-all ${\n activeTab === 'crops'\n ? 'bg-green-500 text-white'\n : 'text-gray-600 hover:bg-gray-50'\n }`}\n >\n 🌱 Crops ({crops.length})\n \n setActiveTab('livestock')}\n className={`flex-1 py-4 px-6 text-center transition-all ${\n activeTab === 'livestock'\n ? 'bg-green-500 text-white'\n : 'text-gray-600 hover:bg-gray-50'\n }`}\n >\n 🐄 Livestock ({livestock.length})\n \n

\n\n

\n {activeTab === 'overview' && (\n \n )}\n \n {activeTab === 'crops' && (\n \n )}\n \n {activeTab === 'livestock' && (\n \n )}\n

\n );\n}\n\n// Overview Tab Component\nfunction OverviewTab({ crops, livestock }: { crops: Crop[], livestock: Livestock[] }) {\n const recentCrops = crops.slice(0, 3);\n const recentLivestock = livestock.slice(0, 3);\n\n return (\n

\n {/* Recent Crops */}\n

\n 🌱 Recent Crops\n

\n {recentCrops.length > 0 ? (\n

\n {recentCrops.map(crop => (\n

{crop.name}

{crop.variety}

{crop.quantity} {crop.unit}

\n \n {crop.status}\n \n

\n ))}\n

\n ) : (\n

No crops added yet

\n )}\n

\n\n {/* Recent Livestock */}\n

\n 🐄 Recent Livestock\n

\n {recentLivestock.length > 0 ? (\n

\n {recentLivestock.map(animal => (\n

{animal.type}

{animal.breed}

{animal.count} animals

\n \n {animal.health_status}\n \n

\n ))}\n

\n ) : (\n

No livestock added yet

\n )}\n

\n );\n}\n\n// Crops Tab Component\nfunction CropsTab({ crops, onAdd, onDelete, showAddForm, setShowAddForm }: any) {\n const [formData, setFormData] = useState({\n name: '', variety: '', quantity: '', unit: 'kg',\n planting_date: '', expected_harvest: '', status: 'planted', notes: ''\n });\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n onAdd(formData);\n setFormData({\n name: '', variety: '', quantity: '', unit: 'kg',\n planting_date: '', expected_harvest: '', status: 'planted', notes: ''\n });\n };\n\n return (\n

Your Crops

\n setShowAddForm(!showAddForm)}\n className=\"bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-lg transition-colors\"\n >\n {showAddForm ? 'Cancel' : '+ Add Crop'}\n \n

\n\n {showAddForm && (\n

\n setFormData({...formData, name: e.target.value})}\n className=\"px-3 py-2 border rounded-lg\"\n required\n />\n setFormData({...formData, variety: e.target.value})}\n className=\"px-3 py-2 border rounded-lg\"\n required\n />\n setFormData({...formData, quantity: e.target.value})}\n className=\"px-3 py-2 border rounded-lg\"\n required\n />\n setFormData({...formData, unit: e.target.value})}\n className=\"px-3 py-2 border rounded-lg\"\n >\n \n \n \n \n \n setFormData({...formData, planting_date: e.target.value})}\n className=\"px-3 py-2 border rounded-lg\"\n required\n />\n setFormData({...formData, expected_harvest: e.target.value})}\n className=\"px-3 py-2 border rounded-lg\"\n required\n />\n

\n setFormData({...formData, notes: e.target.value})}\n className=\"w-full px-3 py-2 border rounded-lg mt-4\"\n rows={3}\n />\n \n Add Crop\n \n \n )}\n\n

\n {crops.map((crop: Crop) => (\n

{crop.name}

\n onDelete(crop.id)}\n className=\"text-red-500 hover:text-red-700 text-sm\"\n >\n ✕\n \n

{crop.variety}

{crop.quantity} {crop.unit}

\n \n {crop.status}\n \n \n {new Date(crop.planting_date).toLocaleDateString()}\n \n

\n ))}\n

\n );\n}\n\n// Livestock Tab Component\nfunction LivestockTab({ livestock, onAdd, onDelete, showAddForm, setShowAddForm }: any) {\n const [formData, setFormData] = useState({\n type: '', breed: '', count: '', age_months: '',\n health_status: 'good', purpose: 'meat', notes: ''\n });\n\n const handleSubmit = (e: React.FormEvent) => {\n e.preventDefault();\n onAdd(formData);\n setFormData({\n type: '', breed: '', count: '', age_months: '',\n health_status: 'good', purpose: 'meat', notes: ''\n });\n };\n\n return (\n

Your Livestock

\n setShowAddForm(!showAddForm)}\n className=\"bg-orange-500 hover:bg-orange-600 text-white px-4 py-2 rounded-lg transition-colors\"\n >\n {showAddForm ? 'Cancel' : '+ Add Livestock'}\n \n

\n\n {showAddForm && (\n

\n setFormData({...formData, type: e.target.value})}\n className=\"px-3 py-2 border rounded-lg\"\n required\n />\n setFormData({...formData, breed: e.target.value})}\n className=\"px-3 py-2 border rounded-lg\"\n required\n />\n setFormData({...formData, count: e.target.value})}\n className=\"px-3 py-2 border rounded-lg\"\n required\n />\n setFormData({...formData, age_months: e.target.value})}\n className=\"px-3 py-2 border rounded-lg\"\n required\n />\n setFormData({...formData, health_status: e.target.value})}\n className=\"px-3 py-2 border rounded-lg\"\n >\n \n \n \n \n \n setFormData({...formData, purpose: e.target.value})}\n className=\"px-3 py-2 border rounded-lg\"\n >\n \n \n \n \n \n \n

\n setFormData({...formData, notes: e.target.value})}\n className=\"w-full px-3 py-2 border rounded-lg mt-4\"\n rows={3}\n />\n \n Add Livestock\n \n \n )}\n\n

\n {livestock.map((animal: Livestock) => (\n

{animal.type}

\n onDelete(animal.id)}\n className=\"text-red-500 hover:text-red-700 text-sm\"\n >\n ✕\n \n

{animal.breed}

{animal.count} animals • {animal.age_months} months old

\n \n {animal.health_status}\n \n \n {animal.purpose}\n \n

\n ))}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/Pondaman/Farmers_Hub/code/frontend/components/Dashboard.tsx","extension","actionData","errors"]