Login

\n )}\n\n {/* Register Form */}\n {currentView === 'register' && (\n

Create Account

{\n e.preventDefault();\n const formData = new FormData(e.target as HTMLFormElement);\n handleRegister({\n username: formData.get('username'),\n email: formData.get('email'),\n full_name: formData.get('full_name'),\n location: formData.get('location'),\n bio: formData.get('bio')\n });\n }}>\n

\n \n Username *\n \n \n

\n \n Email *\n \n \n

\n \n Full Name *\n \n \n

\n \n Location\n \n \n

\n \n Bio\n \n \n

\n \n Create Account\n \n \n

\n Already have an account?{' '}\n setCurrentView('login')}\n className=\"text-green-600 hover:text-green-700\"\n >\n Login\n \n

\n )}\n\n {/* Browse Plants */}\n {currentView === 'browse' && (\n

Available Plants

\n \n {/* Category Filter */}\n

\n handleCategoryFilter(\"\")}\n className={`px-4 py-2 rounded-full text-sm font-medium ${\n selectedCategory === \"\" \n ? 'bg-green-600 text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n All Plants\n \n {['cutting', 'potted', 'tree'].map(category => (\n handleCategoryFilter(category)}\n className={`px-4 py-2 rounded-full text-sm font-medium category-badge ${\n selectedCategory === category \n ? 'bg-green-600 text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n {getCategoryIcon(category)} {category.charAt(0).toUpperCase() + category.slice(1)}\n \n ))}\n

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

🌱

No plants available

Be the first to share a plant with the community!

\n {user && (\n setCurrentView('add-plant')}\n className=\"mt-4 bg-green-600 text-white px-6 py-2 rounded-md hover:bg-green-700\"\n >\n Add Your First Plant\n \n )}\n

\n ) : (\n

\n {plants.map(plant => (\n {\n if (user) {\n setCurrentView('messages');\n // TODO: Open conversation with plant owner\n } else {\n setCurrentView('login');\n }\n }}\n />\n ))}\n

\n )}\n

\n )}\n\n {/* My Plants */}\n {currentView === 'my-plants' && user && (\n

My Plants

\n setCurrentView('add-plant')}\n className=\"bg-green-600 text-white px-4 py-2 rounded-md hover:bg-green-700\"\n >\n Add New Plant\n \n

\n \n

\n )}\n\n {/* Add Plant */}\n {currentView === 'add-plant' && user && (\n

Add New Plant

\n {\n setCurrentView('my-plants');\n loadPlants(); // Refresh the plants list\n }}\n onCancel={() => setCurrentView('my-plants')}\n />\n

\n )}\n\n {/* Profile */}\n {currentView === 'profile' && user && (\n

Profile

\n \n

\n )}\n\n {/* Messages */}\n {currentView === 'messages' && user && (\n

Messages

\n \n

\n )}\n

setCurrentView('browse')}\n >\n 🌱 Plant Exchange\n

Login

Create Account

Available Plants

No plants available

My Plants

Add New Plant

Profile

Messages

No plants yet