client/src/components/SessionSummary.js
author ymh <ymh.work@gmail.com>
Thu, 20 Jul 2017 23:37:58 +0200
changeset 125 c653f49fabfb
parent 124 c77570164050
child 143 cfcbf4bc66f1
permissions -rw-r--r--
remove unecessary dependencies to Redux
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
125
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
     1
import React from 'react';
77
cd27d9fc1c73 some linting
ymh <ymh.work@gmail.com>
parents: 74
diff changeset
     2
import { ListGroup, ListGroupItem } from 'react-bootstrap';
63
4088f8dc6b52 Improve session page layout, introduce summary.
Alexandre Segura <mex.zktk@gmail.com>
parents:
diff changeset
     3
import _ from 'lodash';
4088f8dc6b52 Improve session page layout, introduce summary.
Alexandre Segura <mex.zktk@gmail.com>
parents:
diff changeset
     4
import '../App.css';
74
043477fd5c5c add api call to save notes. internally use ts for time data for notes and session
ymh <ymh.work@gmail.com>
parents: 73
diff changeset
     5
import {formatTimestamp} from '../utils';
63
4088f8dc6b52 Improve session page layout, introduce summary.
Alexandre Segura <mex.zktk@gmail.com>
parents:
diff changeset
     6
125
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
     7
const SessionSummary = ({notes}) => (
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
     8
  <ListGroup>
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
     9
    {notes.map((note) =>
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
    10
      <ListGroupItem key={note.get('_id')}>
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
    11
        <a href={'#note-' + note.get('_id')}>
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
    12
          <span className="text-muted">{formatTimestamp(note.startedAt)}  {formatTimestamp(note.finishedAt)}</span>
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
    13
          <span className="pull-right">{_.words(note.plain).length} words</span>
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
    14
        </a>
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
    15
      </ListGroupItem>
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
    16
    )}
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
    17
  </ListGroup>
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
    18
)
63
4088f8dc6b52 Improve session page layout, introduce summary.
Alexandre Segura <mex.zktk@gmail.com>
parents:
diff changeset
    19
125
c653f49fabfb remove unecessary dependencies to Redux
ymh <ymh.work@gmail.com>
parents: 124
diff changeset
    20
export default SessionSummary;