1import * as events from '../../services/events';
 2import React, { Component } from 'react';
 3import { View } from 'react-native';
 4import Screen from './screen';
 5import Set from '../components/set';
 6import { Container, Header, Title, Content, Footer, FooterTab, Button, Icon, Spinner, DeckSwiper, Text, List, ListItem } from 'native-base';
 7
 8export default class WorkoutScreen extends Screen {
 9  render() {
10    return (
11      <Container>
12        <Header>
13          <Title>Routine {this.props.routine.name}</Title>
14        </Header>
15        <Content>
16          <List dataArray={this.props.exercises} renderRow={this.renderExercise.bind(this)}></List>
17        </Content>
18      </Container>
19    );
20  }
21
22  renderExercise(exercise) {
23    const sets = this.props.sets.filter((set) => set.exercise_id == exercise.id);
24    return (
25      <ListItem button>
26        <View style={{flex: 1}}>
27          <Text>{exercise.name}</Text>
28          <View style={{flexDirection: 'column'}}>
29            {sets.map((set) => <Set key={set.id} {...set} />)}
30          </View>
31        </View>
32      </ListItem>
33    );
34  }
35}