Workout Tracker

\n setShowNewWorkoutForm(true)}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-md hover:bg-blue-700 transition-colors\"\n >\n + New Workout\n \n

\n\n {/* New Workout Form Modal */}\n {showNewWorkoutForm && (\n

New Workout

\n setShowNewWorkoutForm(false)}\n className=\"text-gray-400 hover:text-gray-600\"\n >\n ✕\n \n

\n\n

\n \n Workout Name\n \n setWorkoutForm(prev => ({ ...prev, name: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n placeholder=\"e.g., Push Day, Leg Day\"\n />\n

\n \n Date\n \n setWorkoutForm(prev => ({ ...prev, date: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n\n

\n \n Notes (Optional)\n \n setWorkoutForm(prev => ({ ...prev, notes: e.target.value }))}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n rows={2}\n placeholder=\"How did the workout feel?\"\n />\n

\n\n {/* Exercises */}\n

Exercises

\n \n + Add Exercise\n \n

\n\n {workoutForm.exercises.map((exercise, exerciseIndex) => (\n

\n updateExercise(exerciseIndex, parseInt(e.target.value))}\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n {exercises.map((ex) => (\n \n ))}\n \n removeExerciseFromWorkout(exerciseIndex)}\n className=\"ml-2 text-red-600 hover:text-red-800\"\n >\n Remove\n \n

\n\n

\n Set\n Reps\n Weight (lbs)\n \n

\n\n {exercise.sets.map((set, setIndex) => (\n

\n \n {setIndex + 1}\n \n updateSet(exerciseIndex, setIndex, 'reps', parseInt(e.target.value) || 0)}\n className=\"px-2 py-1 border border-gray-300 rounded text-sm focus:outline-none focus:ring-1 focus:ring-blue-500\"\n placeholder=\"0\"\n />\n updateSet(exerciseIndex, setIndex, 'weight', parseFloat(e.target.value) || 0)}\n className=\"px-2 py-1 border border-gray-300 rounded text-sm focus:outline-none focus:ring-1 focus:ring-blue-500\"\n placeholder=\"0\"\n />\n removeSetFromExercise(exerciseIndex, setIndex)}\n className=\"text-red-600 hover:text-red-800 text-sm\"\n >\n ✕\n \n

\n ))}\n\n addSetToExercise(exerciseIndex)}\n className=\"text-blue-600 hover:text-blue-800 text-sm\"\n >\n + Add Set\n \n

\n ))}\n\n {workoutForm.exercises.length === 0 && (\n

\n No exercises added yet. Click \"Add Exercise\" to get started.\n

\n )}\n

\n\n

\n setShowNewWorkoutForm(false)}\n className=\"px-4 py-2 text-gray-600 border border-gray-300 rounded-md hover:bg-gray-50\"\n >\n Cancel\n \n \n {submitting ? 'Saving...' : 'Save Workout'}\n \n

\n )}\n\n {/* Workout Details Modal */}\n {selectedWorkout && (\n

Workout Details

\n setSelectedWorkout(null)}\n className=\"text-gray-400 hover:text-gray-600\"\n >\n ✕\n \n

\n\n

\n {selectedWorkout.map((exercise) => (\n

{exercise.exercise_name}

\n \n

\n Set\n Reps\n Weight (lbs)\n

\n\n {exercise.sets.map((set) => (\n

\n {set.set_number}\n {set.reps}\n {set.weight}\n

\n ))}\n

\n )}\n\n {/* Workouts List */}\n

Your Workouts

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

🏋️‍♂️

No workouts logged yet

Start tracking your fitness journey!

\n ) : (\n

\n {workouts.map((workout) => (\n viewWorkoutDetails(workout.id)}\n >\n

{workout.name}

{formatDate(workout.date)}

\n {workout.notes && (\n

{workout.notes}

\n )}\n

\n {workout.duration_minutes && (\n \n {workout.duration_minutes}m\n \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/WorkoutTracker.tsx","extension","actionData","errors"]