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