\n \n \n \n Coding Stats\n

\n\n {/* Today's Stats */}\n

\n \n \n \n \n \n Today\n

\n {formatTime(todayStats.totalSeconds)}\n

Total Time

\n {todayStats.languages.length}\n

Languages

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

\n \n \n \n \n \n This Week\n

\n {formatTime(weeklyStats.totalSeconds)}\n

Total

\n {(weeklyStats.consistency * 100).toFixed(0)}%\n

Consistency

\n {weeklyStats.languages.length}\n

Languages

\n\n {/* Top Languages */}\n {weeklyStats.languages.length > 0 && (\n

\n \n \n \n Top Languages\n

\n {getTopLanguages(weeklyStats.languages).map((lang: any, _index: number) => (\n

\n \n {lang.name}\n \n \n {formatTime(lang.total_seconds)}\n \n

\n \n

\n ))}\n

\n )}\n\n {/* Daily Activity Chart */}\n {weeklyStats.dailyStats && (\n

\n \n \n \n Daily Activity\n

\n {weeklyStats.dailyStats.map((day: any, _index: number) => {\n const height = weeklyStats.totalSeconds > 0\n ? (day.seconds / weeklyStats.totalSeconds) * 100 * 7 // Scale for 7 days\n : 0;\n\n return (\n

\n \n \n {new Date(day.date).toLocaleDateString(\"en\", { weekday: \"short\" })}\n \n

\n );\n })}\n

\n )}\n

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

\n \n \n \n \n \n Coding Stats\n

\n \n \n \n \n \n Today\n

\n \n \n \n \n \n This Week\n

\n \n \n \n \n \n Top Languages\n

\n \n \n \n \n \n Daily Activity\n

\n \n \n \n Coding Stats\n

\n \n \n \n Top Languages\n

\n \n \n \n Daily Activity\n