🌱

Loading the garden...

\n );\n }\n\n if (error) {\n return (\n

🚫

{error}

\n \n Try Again\n \n

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

\n {/* Header */}\n

\n \n ← Back\n \n\n

\n 🌻 Community Garden\n

\n Discover how fellow coders are growing their plants!\n

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

\n setSortBy(\"recent\")}\n className={`px-4 py-2 rounded-lg transition-colors ${\n sortBy === \"recent\"\n ? \"bg-green-600 text-white\"\n : \"bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700\"\n }`}\n >\n Most Recent\n \n setSortBy(\"hours\")}\n className={`px-4 py-2 rounded-lg transition-colors ${\n sortBy === \"hours\"\n ? \"bg-green-600 text-white\"\n : \"bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700\"\n }`}\n >\n Most Hours\n \n setSortBy(\"stage\")}\n className={`px-4 py-2 rounded-lg transition-colors ${\n sortBy === \"stage\"\n ? \"bg-green-600 text-white\"\n : \"bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700\"\n }`}\n >\n Most Advanced\n \n

\n\n {/* Garden Grid */}\n {sortedUsers.length === 0\n ? (\n

🌱

\n Garden is Growing\n

\n No gardeners have reached level 3+ yet. Keep coding to join the community!\n

🎯 Garden Requirements

\n To appear in the community garden, reach Level 2+ by achieving:\n

• 3+ hours of coding this week
• 30%+ consistency (coding on multiple days)
• 1+ programming language

\n {sessionId && (\n

\n Session ID: {sessionId.substring(0, 8)}...\n

\n \n Quick Setup\n \n \n Create User\n \n \n Make Eligible\n \n

\n )}\n {!sessionId && (\n

\n Note: Please log in with WakaTime to use test features\n

\n )}\n

\n\n {/* Debug Info */}\n {debugInfo && (\n

🔍 Debug Info

\n Total users in database: {debugInfo.total || 0}\n

\n Garden eligible users: {Array.isArray(debugInfo.users)\n ? debugInfo.users.filter((u: any) => u.garden_eligible).length\n : 0}\n

\n {Array.isArray(debugInfo.users) && debugInfo.users.length > 0 && (\n

\n All users:\n

\n                      {JSON.stringify(debugInfo.users.map((u: any) => ({\n                        username: u.username,\n                        plant_type: u.plant_type,\n                        garden_eligible: u.garden_eligible\n                      })), null, 2)}\n

\n )}\n {!Array.isArray(debugInfo.users) && (\n

\n Debug Error: Users data is not an array\n

\n                      {JSON.stringify(debugInfo, null, 2)}\n

\n )}\n\n {/* Table Info */}\n {tableInfo && (\n

\n Database Info:\n

Table exists: {tableInfo.tableExists ? \"Yes\" : \"No\"}

Table name: {tableInfo.tableName}

\n {Array.isArray(tableInfo.allTables) && tableInfo.allTables.length > 0 && (\n

All tables: {tableInfo.allTables.map((t: any) => t.name).join(\", \")}

\n )}\n {!Array.isArray(tableInfo.allTables) && (\n

Tables data: {JSON.stringify(tableInfo.allTables)}

\n )}\n {tableInfo.error &&

Error: {tableInfo.error}

}\n

\n )}\n

\n )\n : (\n <>\n

\n {sortedUsers.map((user) => (\n \n {/* Plant Display */}\n

\n {getPlantEmoji(user.plantType, user.stageName)}\n

\n {user.username}\n

\n {getPlantTypeDisplayName(user.plantType)}\n

\n\n {/* Stage Info */}\n

\n \n Stage {user.currentStage + 1}\n \n \n {formatTimeAgo(user.lastActive)}\n \n

\n {user.stageName}\n

\n\n {/* Stats */}\n

\n Hours:\n \n {user.totalHours}h\n \n

\n Consistency:\n \n {user.consistency}%\n \n

\n Languages:\n \n {user.languageDiversity}\n \n

\n\n {/* Progress Indicator */}\n

\n \n

\n ))}\n

\n\n {/* Garden Requirements Info */}\n

🌟 Join the Garden

\n Reach Level 2+{\" \"}\n to have your plant displayed in the community garden! Keep coding consistently to grow your plant and\n join this community.\n

\n \n )}\n\n {/* Stats Summary */}\n {sortedUsers.length > 0 && (\n

\n 🌍 Garden Statistics\n

\n {sortedUsers.length}\n

\n Total Gardeners\n

\n {Math.round(sortedUsers.reduce((sum, user) => sum + user.totalHours, 0))}h\n

\n Total Hours Coded\n

\n {Math.round(sortedUsers.reduce((sum, user) => sum + user.consistency, 0) / sortedUsers.length)}%\n

\n Avg Consistency\n

\n {Math.max(...sortedUsers.map(user => user.currentStage)) + 1}\n

\n Highest Stage\n

\n )}\n \n \n );\n};\n\nexport default Garden;","deleted","label",[169,170,150],"frontend","components","permalink","https://www.val.town/x/loading/plant/code/frontend/components/Garden.tsx","extension","actionData","errors"]