1import React, { Component } from 'react';
 2import { Image, View } from 'react-native';
 3import { H1, Card, CardItem, Text, Thumbnail, Button, Icon, List } from 'native-base';
 4import ExerciseSummary from './exercise-summary';
 5import moment from 'moment';
 6import Letter from './letter';
 7
 8export default class WorkoutSummary extends Component {
 9  render() {
10    const date = moment(this.props.occurred_at).format('MMM Do YYYY');
11    const text = `${this.props.body_weight.amount} lbs`;
12    return (
13			<Card style={{ flex: 0 }}>
14        <CardItem style={{flex: 1, flexDirection: 'row'}}>
15          <Letter key={this.props.routine_name} letter={this.props.routine_name} />
16          <View style={{flex: 1, flexDirection: 'column'}}>
17            <Text>{date}</Text>
18            <Text note>{text}</Text>
19          </View>
20        </CardItem>
21        <List>
22          {this.exercisesFrom(this.props.exercises)}
23        </List>
24		 </Card>
25    )
26  }
27
28  exercisesFrom(exercises) {
29    return exercises.map(exercise => <ExerciseSummary key={exercise.id} {...exercise} />)
30  }
31}