client/src/components/SessionSummary.js
changeset 73 7e8cdc74d86f
parent 63 4088f8dc6b52
child 74 043477fd5c5c
equal deleted inserted replaced
72:7634b424f426 73:7e8cdc74d86f
     5 import '../App.css';
     5 import '../App.css';
     6 
     6 
     7 class SessionSummary extends Component {
     7 class SessionSummary extends Component {
     8   render() {
     8   render() {
     9     return (
     9     return (
    10       <Panel>
    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">{note.startedAt} → {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>
       
    21       </Panel>
       
    22     );
    20     );
    23   }
    21   }
    24 }
    22 }
    25 
    23 
    26 function mapStateToProps(state, props) {
    24 function mapStateToProps(state, props) {