Commit d51975c

mo khan <mo@mokhan.ca>
2016-12-09 05:12:57
start to render each exercise.
1 parent 0880e53
Changed files (2)
app/components/exercise.js
@@ -0,0 +1,13 @@
+import React, { Component } from 'react';
+import { View, Text } from 'react-native';
+
+export default class Exercise extends Component {
+  render() {
+    return(
+      <View>
+        <Text>{this.props.name}</Text>
+        <Text>{this.props.sets.map(set => set.actual_repetitions).join(",")}</Text>
+      </View>
+    );
+  }
+}
app/components/workout.js
@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import { View, Text } from 'react-native';
+import Exercise from './exercise';
 
 export default class Workout extends Component {
   render() {
@@ -8,7 +9,13 @@ export default class Workout extends Component {
         <Text style={{width: 50, height: 25}}>{this.props.routine_name}</Text>
         <Text style={{width: 100, height: 25}}>{this.props.body_weight.amount} lbs</Text>
         <Text style={{width: 200, height: 25}}>{this.props.occurred_at}</Text>
+        {this.exercisesFrom(this.props.exercises)}
       </View>
     )
   }
+
+  exercisesFrom(exercises) {
+    console.dir(exercises);
+    return exercises.map(exercise => <Exercise {...exercise} />)
+  }
 }