\n {label}\n onChange(e.target.value)}\n onBlur={(e) => onBlur(parseFloat(e.target.value) || 0)}\n style={styles.input}\n min=\"0\"\n step={label === \"Weight\" ? \"0.1\" : \"1\"}\n />\n

\n );\n\n const WorkoutGrid: React.FC<{\n title: string;\n data: WorkoutData;\n onChange: (field: keyof WorkoutData, value: string) => void;\n onBlur: (field: keyof WorkoutData, value: number) => void;\n }> = ({ title, data, onChange, onBlur }) => (\n

{title}

\n onChange(\"weight\", value)}\n onBlur={(value) => onBlur(\"weight\", value)}\n />\n onChange(\"reps\", value)}\n onBlur={(value) => onBlur(\"reps\", value)}\n />\n onChange(\"sets\", value)}\n onBlur={(value) => onBlur(\"sets\", value)}\n />\n

\n Total Volume: {(data.weight * data.reps * data.sets).toFixed(1)} lbs\n

\n );\n\n return (\n

\n Workout Grid App\n

\n\n

\n \n\n \n

\n\n

Summary

Exercise 1:

{grid1.weight}lbs × {grid1.reps} reps × {grid1.sets} sets

Volume: {(grid1.weight * grid1.reps * grid1.sets).toFixed(1)} lbs

Exercise 2:

{grid2.weight}lbs × {grid2.reps} reps × {grid2.sets} sets

Volume: {(grid2.weight * grid2.reps * grid2.sets).toFixed(1)} lbs

\n );\n};\n\nexport default WorkoutGridApp;","deleted","label",[99],"permalink","https://www.val.town/x/ocnwaokoro/gym-calculus-4/code/main.tsx","extension","actionData","errors"]