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

Error: {error}

\n );\n }\n\n const formatDate = (dateStr: string) => {\n const date = new Date(dateStr);\n return date.toLocaleDateString('en-US', { \n weekday: 'short', \n month: 'short', \n day: 'numeric' \n });\n };\n\n const getCompletionStats = () => {\n if (userStats.length === 0) return { journaling: 0, workout: 0, reading: 0 };\n \n const totalPossible = userStats.length * 30;\n const journalingTotal = userStats.reduce((sum, stat) => sum + stat.journaling_count, 0);\n const workoutTotal = userStats.reduce((sum, stat) => sum + stat.workout_count, 0);\n const readingTotal = userStats.reduce((sum, stat) => sum + stat.reading_count, 0);\n\n return {\n journaling: Math.round((journalingTotal / totalPossible) * 100),\n workout: Math.round((workoutTotal / totalPossible) * 100),\n reading: Math.round((readingTotal / totalPossible) * 100)\n };\n };\n\n const completionStats = getCompletionStats();\n const selectedDayData = groupData.find(day => day.date === selectedDate);\n\n return (\n

\n {/* Group Stats Overview */}\n

Group Progress Overview

\n \n

📝

{completionStats.journaling}%

Group Journaling Rate

💪

{completionStats.workout}%

Group Workout Rate

📚

{completionStats.reading}%

Group Reading Rate

\n\n {/* Individual User Stats */}\n

\n {userStats.map(stat => (\n

{stat.name}

\n 📝 Journaling:\n {stat.journaling_count}/30\n

\n 💪 Workout:\n {stat.workout_count}/30\n

\n 📚 Reading:\n {stat.reading_count}/30\n

\n ))}\n

\n\n {/* Daily Breakdown */}\n

Daily Breakdown

\n \n {/* Date Selector */}\n

\n \n Select Date:\n \n setSelectedDate(e.target.value)}\n className=\"px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent\"\n >\n {groupData.map(day => (\n \n ))}\n \n

\n\n {/* Selected Day Details */}\n {selectedDayData && (\n

\n {formatDate(selectedDate)} {selectedDate === today ? '(Today)' : ''}\n

\n \n

\n {selectedDayData.users.map(user => (\n

{user.name}

\n 📝 Journaling\n \n {user.journaling ? '✅ Done' : '❌ Missing'}\n \n

\n 💪 Workout\n \n {user.workout ? '✅ Done' : '❌ Missing'}\n \n

\n 📚 Reading\n \n {user.reading ? '✅ Done' : '❌ Missing'}\n \n

\n ))}\n

\n\n {/* Day Summary */}\n

Day Summary

\n {selectedDayData.users.filter(u => u.journaling).length}/{selectedDayData.users.length}\n

Journaled

\n {selectedDayData.users.filter(u => u.workout).length}/{selectedDayData.users.length}\n

Worked Out

\n {selectedDayData.users.filter(u => u.reading).length}/{selectedDayData.users.length}\n

Read

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/Mbiyu/Test/code/frontend/components/GroupOverview.tsx","extension","actionData","errors"]