+
{exercise}
+
+ {setScheme} @ {intensity}%{weight > 0 && ` (${weight} ${state.weightUnit})`}
+
+
+ {warmupSets.length > 0 && (
+
+
Warm-up Sets
+
+ {warmupSets.map((warmupSet, warmupIndex) => (
+
+
+ Warm-up {warmupIndex + 1}
+ {warmupSet.reps} reps
+ {warmupSet.weight} {state.weightUnit}
+
+
+
+ ))}
+
+
+ )}
+
+
+
Working Sets
+ {Array.from({ length: parseInt(sets) }).map((_, setIndex) => (
+
+
+ Set {setIndex + 1}
+ {reps} reps
+
+
+ {weight > 0 && (
+
+
+ {state.weightUnit}
+
+ )}
+
+
+
+ ))}
+
+
+ {workout.exercises.map((exercise, exerciseIndex) => {
+ const setSchemes = workout.sets.split(',');
+ const intensities = String(workout.intensity).split(',');
+ const shouldMapByIndex = setSchemes.length === workout.exercises.length;
+ const exerciseSetSchemes = shouldMapByIndex ? [setSchemes[exerciseIndex]] : setSchemes;
+
+ return exerciseSetSchemes.map((setScheme, schemeIndex) => {
+ const intensityIndex = shouldMapByIndex ? exerciseIndex : schemeIndex;
+ const intensity = parseInt(intensities[intensityIndex] || intensities[0]);
+ const weight = workout.type === 'strength' ?
+ calculateWeight(exercise, intensity) :
+ calculateHypertrophyWeight(exercise, intensity);
+
+ return renderExerciseSet(exercise, exerciseIndex, setScheme, schemeIndex, intensity, weight, workout);
+ });
+ })}
+
-
- This is a barebones React app ready for your custom component.
-