equal
deleted
inserted
replaced
1 import React, { Component } from 'react'; |
1 import React, { Component } from 'react'; |
2 import { connect } from 'react-redux'; |
2 import { connect } from 'react-redux'; |
3 import { Panel, ListGroup, ListGroupItem } from 'react-bootstrap'; |
3 import { Panel, ListGroup, ListGroupItem } from 'react-bootstrap'; |
4 import _ from 'lodash'; |
4 import _ from 'lodash'; |
5 import '../App.css'; |
5 import '../App.css'; |
|
6 import {formatTimestamp} from '../utils'; |
6 |
7 |
7 class SessionSummary extends Component { |
8 class SessionSummary extends Component { |
8 render() { |
9 render() { |
9 return ( |
10 return ( |
10 <ListGroup> |
11 <ListGroup> |
11 {this.props.notes.map((note) => |
12 {this.props.notes.map((note) => |
12 <ListGroupItem key={note.get('_id')}> |
13 <ListGroupItem key={note.get('_id')}> |
13 <a href={'#note-' + note.get('_id')}> |
14 <a href={'#note-' + note.get('_id')}> |
14 <span className="text-muted">{note.startedAt} → {note.finishedAt}</span> |
15 <span className="text-muted">{formatTimestamp(note.startedAt)} → {formatTimestamp(note.finishedAt)}</span> |
15 <span className="pull-right">{_.words(note.plain).length} words</span> |
16 <span className="pull-right">{_.words(note.plain).length} words</span> |
16 </a> |
17 </a> |
17 </ListGroupItem> |
18 </ListGroupItem> |
18 )} |
19 )} |
19 </ListGroup> |
20 </ListGroup> |