Commit a48e451

@@ -0,0 +1,20 @@
+import React, { Component } from 'react';
+import { View } from 'react-native';
+import { Button, Icon, Spinner, Text } from 'native-base';
+import Weight from './weight';
+
+export default class Set extends Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      actual_repetitions: 0
+    };
+  }
+  render() {
+    return (
+      <Button block info>
+      {this.state.actual_repetitions} / {this.props.target_repetitions} @ <Weight weight={this.props.target_weight} />
+      </Button>
+    );
+  }
+}

@@ -0,0 +1,10 @@
+import React, { Component } from 'react';
+import { Text } from 'react-native';
+
+export default class Weight extends Component {
+  render() {
+    return (
+      <Text>{this.props.weight.amount} {this.props.weight.unit}</Text>
+    );
+  }
+}

@@ -98,6 +98,7 @@ export default class NewWorkoutScreen extends Screen {
       case events.FETCHED_NEW_WORKOUT:
         this.setState({ isLoading: false, ...event });
       case events.CREATED_WORKOUT:
+        console.dir(event);
         this.loadScreen(WorkoutScreen, { ...event })
     }
   }

@@ -2,6 +2,7 @@ import * as events from '../services/events';
 import React, { Component } from 'react';
 import { View } from 'react-native';
 import Screen from './screen';
+import Set from '../components/set';
 import { Container, Header, Title, Content, Footer, FooterTab, Button, Icon, Spinner, DeckSwiper, Text, List, ListItem } from 'native-base';
 
 export default class WorkoutScreen extends Screen {
@@ -24,7 +25,9 @@ export default class WorkoutScreen extends Screen {
       <ListItem button>
         <View style={{flex: 1}}>
           <Text>{exercise.name}</Text>
-          {sets.map((set) => <Button key={set.id} rounded info>{set.actual_repetitions || ' '}</Button>)}
+          <View style={{flexDirection: 'column'}}>
+            {sets.map((set) => <Set key={set.id} {...set} />)}
+          </View>
         </View>
       </ListItem>
     );