\n Error Loading Data\n

\n {error}\n

\n \n Try Again\n \n

\n If this persists, try refreshing the page or check your connection.\n

\n );\n }\n\n const currentPlantType = PLANT_TYPES.find((type) => type.id === selectedPlantType) || PLANT_TYPES[0];\n\n return (\n

\n {/* Professional Navigation Bar */}\n

\n {/* Professional Logo */}\n

\n \n \n \n

\n Plant Garden\n

\n Powered by WakaTime\n

\n\n {/* Controls */}\n

\n {/* Garden Button */}\n setCurrentView(\"garden\")}\n className=\"flex items-center gap-2 p-2 sm:p-3 rounded-xl bg-purple-100 dark:bg-purple-900/30 hover:bg-purple-200 dark:hover:bg-purple-900/50 transition-all duration-200 text-purple-700 dark:text-purple-300\"\n title=\"View community garden\"\n >\n \n \n \n \n Garden\n \n \n\n {/* Plant Type Selector */}\n setIsPlantSelectorOpen(true)}\n className=\"flex items-center gap-2 p-2 sm:p-3 rounded-xl bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 transition-all duration-200\"\n title=\"Choose plant type\"\n >\n \n {currentPlantType.id == \"mushroom-forest\"\n ? (\n \n )\n : currentPlantType.id == \"cactus-desert\"\n ? (\n \n )\n : currentPlantType.id == \"classic-tree\"\n ? (\n \n )\n : (\n \n )}\n \n \n {currentPlantType.name}\n \n \n \n \n \n\n {/* User Menu */}\n setIsLoginModalOpen(true)}\n onLogout={handleLogout}\n />\n

\n\n {/* Main Content */}\n

\n {/* Professional Header Section */}\n

\n Transform Code\n
\n Into Growth\n

\n Watch your virtual plants flourish as you code. Every commit, every hour of development contributes to a\n thriving digital ecosystem that reflects your programming journey.\n

\n\n {/* Professional Action Buttons */}\n

\n \n \n \n \n Refresh Garden\n \n\n {!user?.authenticated && (\n setIsLoginModalOpen(true)}\n className=\"w-full sm:flex-1 btn-secondary px-6 sm:px-8 py-3 sm:py-4 rounded-2xl font-semibold text-sm sm:text-lg inline-flex items-center justify-center gap-2 sm:gap-3\"\n >\n \n \n \n Connect WakaTime\n \n )}\n

\n\n {/* Professional Content Grid */}\n

\n {/* Plant Garden - Enhanced Professional Card */}\n

\n \n

\n\n {/* Professional Side Panels */}\n \n \n \n

\n\n {/* Professional Footer */}\n \n \n\n {/* Enhanced Login Modal */}\n setIsLoginModalOpen(false)}\n onLogin={handleLogin}\n />\n\n {/* Plant Selector Modal */}\n setIsPlantSelectorOpen(false)}\n />\n \n );\n}\n\nexport default App;\n\nfunction AppWithErrorBoundary() {\n return (\n \n \n \n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();","deleted","label",[168,150],"frontend","permalink","https://www.val.town/x/loading/plant/code/frontend/index.tsx","extension","actionData","errors"]

\n Growing your coding garden\n

\n Error Loading Data\n

\n Transform Code\n \n Into Growth\n

\n Transform Code\n
\n Into Growth\n