“use client”; import React, { useState, useMemo } from ‘react’; import { Search, ChevronDown, Sprout, TrendingUp, Users, Check, RefreshCcw, Calculator, Zap, Clock, LayoutDashboard } from ‘lucide-react’; // — DATA CONSTANTS — const CATEGORIES = [ “All Categories”, “BaseValue”, “Seed Shop”, “Exotic Seed Pack”, “Normal Seed Pack”, “Easter Event”, “Event Seed Pack”, “Night Event”, “Bee Event”, “Summer Event”, “Prehistoric Event”, “Zen Update”, “Cooking Update” ]; const PLANTS = [ { id: 1, name: “Basic Seed”, value: 10, cat: “BaseValue” }, { id: 2, name: “Carrot”, value: 25, cat: “Seed Shop” }, { id: 3, name: “Tomato”, value: 45, cat: “Seed Shop” }, { id: 4, name: “Cabbage”, value: 60, cat: “Seed Shop” }, { id: 5, name: “Wheat”, value: 80, cat: “Seed Shop” }, { id: 6, name: “Corn”, value: 120, cat: “Seed Shop” }, { id: 7, name: “Potato”, value: 150, cat: “Seed Shop” }, { id: 8, name: “Dragonfruit”, value: 500, cat: “Exotic Seed Pack” }, { id: 9, name: “Starfruit”, value: 750, cat: “Exotic Seed Pack” }, { id: 10, name: “Glowberry”, value: 900, cat: “Exotic Seed Pack” }, { id: 11, name: “Sunflower”, value: 200, cat: “Normal Seed Pack” }, { id: 12, name: “Pumpkin”, value: 350, cat: “Normal Seed Pack” }, { id: 13, name: “Watermelon”, value: 450, cat: “Normal Seed Pack” }, { id: 14, name: “Bunny Carrot”, value: 1200, cat: “Easter Event” }, { id: 15, name: “Chocolate Egg”, value: 2500, cat: “Easter Event” }, { id: 16, name: “Moonflower”, value: 850, cat: “Night Event” }, { id: 17, name: “Shadow Fern”, value: 1100, cat: “Night Event” }, { id: 18, name: “Honey Flower”, value: 650, cat: “Bee Event” }, { id: 19, name: “Pollen Bud”, value: 400, cat: “Bee Event” }, { id: 20, name: “Pineapple”, value: 550, cat: “Summer Event” }, { id: 21, name: “Coconut”, value: 700, cat: “Summer Event” }, { id: 22, name: “Ancient Root”, value: 2000, cat: “Prehistoric Event” }, { id: 23, name: “Fern”, value: 1400, cat: “Prehistoric Event” }, { id: 24, name: “Lotus”, value: 1800, cat: “Zen Update” }, { id: 25, name: “Bonsai”, value: 3000, cat: “Zen Update” }, { id: 26, name: “Onion”, value: 300, cat: “Cooking Update” }, { id: 27, name: “Garlic”, value: 350, cat: “Cooking Update” }, { id: 28, name: “Chili”, value: 500, cat: “Cooking Update” }, { id: 29, name: “Golden Apple”, value: 10000, cat: “Event Seed Pack” }, { id: 30, name: “Void Fruit”, value: 25000, cat: “Event Seed Pack” }, ]; const MUTATIONS = [ { name: “Sliced”, mult: 50 }, { name: “Sauce”, mult: 3 }, { name: “Pasta”, mult: 3 }, { name: “Meatball”, mult: 3 }, { name: “Spaghetti”, mult: 12 }, { name: “Aromatic”, mult: 15 }, { name: “Acidic”, mult: 15 }, { name: “Oil”, mult: 15 }, { name: “Boil”, mult: 15 }, { name: “Junkshock”, mult: 45 }, { name: “Fried”, mult: 8 }, { name: “Amber”, mult: 10 }, { name: “Oldamber”, mult: 20 }, { name: “Ancientamber”, mult: 50 }, { name: “Sandy”, mult: 3 }, { name: “Clay”, mult: 5 }, { name: “Ceramic”, mult: 30 }, { name: “Friendbound”, mult: 70 }, { name: “Tempestous”, mult: 12 }, { name: “Infected”, mult: 75 }, { name: “Tranquil”, mult: 20 }, { name: “Chakra”, mult: 15 }, { name: “Foxfire”, mult: 90 }, { name: “Toxic”, mult: 12 }, { name: “Radioactive”, mult: 80 }, { name: “Jackpot”, mult: 15 }, { name: “Subzero”, mult: 40 }, { name: “Blitzshock”, mult: 50 }, { name: “Touchdown”, mult: 105 }, { name: “Static”, mult: 8 }, { name: “Meteoric”, mult: 125 }, { name: “Windstruck”, mult: 2 }, { name: “Alienlike”, mult: 100 }, { name: “Sundried”, mult: 85 }, { name: “Verdant”, mult: 4 }, { name: “Paradisal”, mult: 100 }, { name: “Twisted”, mult: 5 }, { name: “Aurora”, mult: 90 }, { name: “Cloudtouched”, mult: 5 }, { name: “Drenched”, mult: 5 }, { name: “Disco”, mult: 125 }, { name: “Zombified”, mult: 25 }, { name: “Plasma”, mult: 5 }, { name: “Voidtouched”, mult: 135 }, { name: “Pollinated”, mult: 3 }, { name: “Honeyglazed”, mult: 5 }, { name: “Heavenly”, mult: 5 }, { name: “Cooked”, mult: 10 }, { name: “Burnt”, mult: 4 }, { name: “Molten”, mult: 25 } ]; export default function GardenCalculator() { // State const [selectedCat, setSelectedCat] = useState(“All Categories”); const [plantSearch, setPlantSearch] = useState(“”); const [mutSearch, setMutSearch] = useState(“”); const [sortOrder, setSortOrder] = useState(“Name”); const [selectedPlant, setSelectedPlant] = useState(null); const [weight, setWeight] = useState(1); const [friendBoost, setFriendBoost] = useState(0); const [selectedMutations, setSelectedMutations] = useState([]); const [calculatedValue, setCalculatedValue] = useState(0); // Filters const filteredPlants = useMemo(() => { return PLANTS.filter(p => (selectedCat === “All Categories” || p.cat === selectedCat) && p.name.toLowerCase().includes(plantSearch.toLowerCase()) ); }, [selectedCat, plantSearch]); const filteredMutations = useMemo(() => { let list = […MUTATIONS].filter(m => m.name.toLowerCase().includes(mutSearch.toLowerCase()) ); if (sortOrder === “Value”) list.sort((a, b) => b.mult – a.mult); else list.sort((a, b) => a.name.localeCompare(b.name)); return list; }, [mutSearch, sortOrder]); // Logic const handleCalculate = () => { if (!selectedPlant) return; let base = selectedPlant.value * weight; let mutationMult = selectedMutations.reduce((acc, m) => acc * m.mult, 1); let boostMult = 1 + (friendBoost / 100); setCalculatedValue(base * mutationMult * boostMult); }; const handleReset = () => { setSelectedPlant(null); setWeight(1); setFriendBoost(0); setSelectedMutations([]); setCalculatedValue(0); }; const toggleMutation = (mut) => { if (selectedMutations.find(m => m.name === mut.name)) { setSelectedMutations(selectedMutations.filter(m => m.name !== mut.name)); } else { setSelectedMutations([…selectedMutations, mut]); } }; return ( ); }