Progress Tracking

\n setChartType('weight')}\n className={`px-3 py-1 rounded text-sm font-medium transition-colors ${\n chartType === 'weight' \n ? 'bg-blue-600 text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n Weight\n \n setChartType('volume')}\n className={`px-3 py-1 rounded text-sm font-medium transition-colors ${\n chartType === 'volume' \n ? 'bg-blue-600 text-white' \n : 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n }`}\n >\n Volume\n \n

\n\n {/* Exercise Filter */}\n

Filter by Exercise

\n {\n setSelectedExercise(null);\n loadData();\n }}\n className={`px-3 py-2 rounded text-sm font-medium transition-colors ${\n selectedExercise === null \n ? 'bg-blue-600 text-white' \n : 'bg-gray-100 text-gray-700 hover:bg-gray-200'\n }`}\n >\n All Exercises\n \n {exercises.map((exercise) => (\n loadExerciseProgress(exercise.id)}\n className={`px-3 py-2 rounded text-sm font-medium transition-colors ${\n selectedExercise === exercise.id \n ? 'bg-blue-600 text-white' \n : 'bg-gray-100 text-gray-700 hover:bg-gray-200'\n }`}\n >\n {exercise.name}\n \n ))}\n

\n\n {/* Progress Chart */}\n

Progress Chart

\n {progressData.length === 0 ? (\n

📈

No progress data available

Complete some workouts to see your progress!

\n ) : (\n

\n )}\n

\n\n {/* Personal Records */}\n

Personal Records

\n {personalRecords.length === 0 ? (\n

🏆

No personal records yet

Keep training to set your first PR!

\n ) : (\n

\n {personalRecords.map((record) => (\n

{record.exercise_name}

\n Weight:\n {record.weight} lbs\n

\n Reps:\n {record.reps}\n

\n Est. 1RM:\n \n {calculateOneRepMax(record.weight, record.reps)} lbs\n \n

\n Date:\n {formatDate(record.date)}\n

\n ))}\n

\n )}\n

\n\n {/* Progress Summary */}\n {progressData.length > 0 && (\n

Progress Summary

\n {progressData.map((exercise) => {\n const firstWeight = exercise.weights[0];\n const lastWeight = exercise.weights[exercise.weights.length - 1];\n const weightIncrease = lastWeight - firstWeight;\n const percentIncrease = firstWeight > 0 ? ((weightIncrease / firstWeight) * 100) : 0;\n\n return (\n

{exercise.exercise_name}

\n Sessions:\n {exercise.dates.length}\n

\n Weight Gain:\n = 0 ? 'text-green-600' : 'text-red-600'}`}>\n {weightIncrease >= 0 ? '+' : ''}{weightIncrease.toFixed(1)} lbs\n \n

\n Improvement:\n = 0 ? 'text-green-600' : 'text-red-600'}`}>\n {percentIncrease >= 0 ? '+' : ''}{percentIncrease.toFixed(1)}%\n \n

\n );\n })}\n

\n )}\n

\n );\n}","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/lily_2025/Gymtracking/code/frontend/components/ProgressCharts.tsx","extension","actionData","errors"]