render summary for each exercise.

1 files changed, 4 insertions, 3 deletions

diff --git a/app/components/exercise.js b/app/components/exercise.js
index 1bc0583..805fcc7 100644
--- a/app/components/exercise.js
+++ b/app/components/exercise.js
@@ -5,12 +5,13 @@ export default class Exercise extends Component {
   render() {
     return (
       <CardItem>
-        <Text>{this.props.name} {this.actualReps()}</Text>
+        <Text>{this.props.name}</Text>
+        {this.props.sets.map((set) => <CardItem key={set.id}><Text>{this.summaryFor(set)}</Text></CardItem>)}
       </CardItem>
     );
   }
 
-  actualReps(set) {
-    return this.props.sets.map((set) => set.actual_repetitions).filter((rep) => rep).join("/");
+  summaryFor(set) {
+    return `${set.type} ${set.actual_repetitions}/${set.target_repetitions} @ ${set.target_weight}`;
   }
 }