1import React, { Component } from 'react';
 2import { View } from 'react-native';
 3import { Card, CardItem, Text, Thumbnail, Button, Icon, ListItem } from 'native-base';
 4
 5export default class ExerciseSummary extends Component {
 6  render() {
 7    return (
 8      <View>
 9        <ListItem itemDivider>
10          <Text>{this.props.name}</Text>
11        </ListItem>
12        {
13          this.workSets().map((set) =>
14            <ListItem key={set.id}>
15              <Text>{this.summaryFor(set)}</Text>
16            </ListItem>
17          )
18        }
19      </View>
20    );
21  }
22
23  workSets() {
24    return this.props.sets.filter((set) => set.type == "WorkSet");
25  }
26
27  summaryFor(set) {
28    let actual_repetitions = set.actual_repetitions || 0;
29    return `${actual_repetitions}/${set.target_repetitions} @ ${set.target_weight.amount} ${set.target_weight.unit}`;
30  }
31}