| author | Alexandre Segura <mex.zktk@gmail.com> |
| Tue, 06 Jun 2017 15:56:41 +0200 | |
| changeset 19 | f1b125b95fe9 |
| parent 18 | dab2a16500e0 |
| child 29 | 4cfeabef7d5e |
| permissions | -rw-r--r-- |
| 1 | 1 |
import React from 'react'; |
2 |
||
3 |
import PropTypes from 'prop-types'; |
|
4 |
import Immutable from 'immutable'; |
|
5 |
||
|
19
f1b125b95fe9
Introduce "annotation" plugin.
Alexandre Segura <mex.zktk@gmail.com>
parents:
18
diff
changeset
|
6 |
import { Alert } from 'react-bootstrap'; |
| 2 | 7 |
|
| 1 | 8 |
import Note from './Note'; |
9 |
||
10 |
const NotesList = ({notes}) => { |
|
|
12
48ddaa42b810
Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents:
2
diff
changeset
|
11 |
|
|
48ddaa42b810
Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents:
2
diff
changeset
|
12 |
if (notes.size === 0) { |
|
48ddaa42b810
Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents:
2
diff
changeset
|
13 |
return ( |
|
48ddaa42b810
Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents:
2
diff
changeset
|
14 |
<Alert bsStyle="warning">No notes yet. Add notes with the textarea below.</Alert> |
|
48ddaa42b810
Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents:
2
diff
changeset
|
15 |
); |
|
48ddaa42b810
Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents:
2
diff
changeset
|
16 |
} |
|
48ddaa42b810
Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents:
2
diff
changeset
|
17 |
|
| 1 | 18 |
return ( |
|
18
dab2a16500e0
Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents:
12
diff
changeset
|
19 |
<div> |
|
12
48ddaa42b810
Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents:
2
diff
changeset
|
20 |
{notes.map((note) => |
|
19
f1b125b95fe9
Introduce "annotation" plugin.
Alexandre Segura <mex.zktk@gmail.com>
parents:
18
diff
changeset
|
21 |
<Note note={note} key={note.id} /> |
| 1 | 22 |
)} |
|
18
dab2a16500e0
Add some styles for note timings.
Alexandre Segura <mex.zktk@gmail.com>
parents:
12
diff
changeset
|
23 |
</div> |
| 1 | 24 |
); |
25 |
}; |
|
26 |
||
27 |
NotesList.propTypes = { |
|
28 |
notes: PropTypes.instanceOf(Immutable.List).isRequired |
|
29 |
}; |
|
30 |
||
|
12
48ddaa42b810
Draft implementation of sessions.
Alexandre Segura <mex.zktk@gmail.com>
parents:
2
diff
changeset
|
31 |
export default NotesList; |