Loading statistics...

\n );\n }\n\n const formatTime = (minutes: number): string => {\n const hours = Math.floor(minutes / 60);\n const mins = minutes % 60;\n if (hours > 0) {\n return `${hours}h ${mins}m`;\n }\n return `${mins}m`;\n };\n\n const todayStats = stats.daily.find(day => {\n const today = new Date().toISOString().split('T')[0];\n return day.date === today;\n });\n\n const thisWeekStats = stats.weekly[0];\n\n return (\n

\n {/* Header with refresh button */}\n

Productivity Statistics

\n \n 🔄\n Refresh\n \n

\n\n {/* Overview Cards */}\n

Total Pomodoros

{stats.total_pomodoros}

\n 🍅\n

\n\n

Total Focus Time

{formatTime(stats.total_focus_time)}

\n ⏰\n

\n\n

Current Streak

{stats.current_streak}

days

\n 🔥\n

\n\n

Today's Pomodoros

{todayStats?.completed_pomodoros || 0}

\n 📅\n

\n\n {/* Charts Section */}\n

\n {/* Daily Pomodoros Chart */}\n

Daily Pomodoros (Last 30 Days)

\n {\n const date = new Date(day.date);\n return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });\n }),\n datasets: [{\n label: 'Completed Pomodoros',\n data: stats.daily.slice().reverse().map(day => day.completed_pomodoros),\n borderColor: '#ef4444',\n backgroundColor: 'rgba(239, 68, 68, 0.1)',\n tension: 0.4,\n fill: true\n }]\n }}\n options={{\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true,\n ticks: {\n stepSize: 1\n }\n }\n }\n }}\n />\n

\n\n {/* Weekly Focus Time Chart */}\n

Weekly Focus Time (Last 12 Weeks)

\n {\n const date = new Date(week.week_start);\n return date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });\n }),\n datasets: [{\n label: 'Focus Time (hours)',\n data: stats.weekly.slice().reverse().map(week => Math.round(week.total_focus_time / 60 * 10) / 10),\n backgroundColor: '#10b981',\n borderColor: '#059669',\n borderWidth: 1\n }]\n }}\n options={{\n responsive: true,\n maintainAspectRatio: false,\n scales: {\n y: {\n beginAtZero: true\n }\n }\n }}\n />\n

\n\n {/* Detailed Stats Tables */}\n

\n {/* Recent Daily Stats */}\n

Recent Daily Performance

\n \n \n \n \n \n \n \n \n \n \n {stats.daily.slice(0, 10).map(day => (\n \n \n \n \n \n \n ))}\n \n

Date	Pomodoros	Focus Time	Breaks
\n {new Date(day.date).toLocaleDateString('en-US', { \n month: 'short', \n day: 'numeric',\n weekday: 'short'\n })}\n	{day.completed_pomodoros}	{formatTime(day.total_focus_time)}	{day.completed_breaks}

\n\n {/* Weekly Summary */}\n

Weekly Summary

\n \n \n \n \n \n \n \n \n \n \n {stats.weekly.slice(0, 8).map(week => (\n \n \n \n \n \n \n ))}\n \n

Week	Pomodoros	Avg/Day	Active Days
\n {new Date(week.week_start).toLocaleDateString('en-US', { \n month: 'short', \n day: 'numeric'\n })}\n	{week.total_pomodoros}	{week.average_daily_pomodoros}	{week.days_active}/7

\n\n {/* Insights */}\n

📊 Insights

\n Best day this week:{' '}\n {thisWeekStats ? `${Math.max(...stats.daily.slice(0, 7).map(d => d.completed_pomodoros))} pomodoros` : 'No data'}\n

\n Average session length: 25 minutes\n

\n Most productive time: Track your patterns!\n

\n Consistency score:{' '}\n {stats.current_streak > 0 ? '🔥 On fire!' : '💪 Keep building!'}\n

\n );\n}","deleted","label",[166,167,148],"frontend","components","permalink","https://www.val.town/x/greeshma/project/code/frontend/components/Stats.tsx","extension","actionData","errors"]