|
1
|
1 |
import React from 'react'; |
|
|
2 |
|
|
|
3 |
import PropTypes from 'prop-types'; |
|
|
4 |
import Immutable from 'immutable'; |
|
|
5 |
|
|
2
|
6 |
import { ListGroup, ListGroupItem} from 'react-bootstrap'; |
|
|
7 |
|
|
1
|
8 |
import Note from './Note'; |
|
|
9 |
|
|
|
10 |
const NotesList = ({notes}) => { |
|
|
11 |
return ( |
|
2
|
12 |
<ListGroup> |
|
1
|
13 |
{notes.map((note) => |
|
2
|
14 |
<ListGroupItem key={note.id}><Note note={note} /></ListGroupItem> |
|
1
|
15 |
)} |
|
2
|
16 |
</ListGroup> |
|
1
|
17 |
); |
|
|
18 |
}; |
|
|
19 |
|
|
|
20 |
NotesList.propTypes = { |
|
|
21 |
notes: PropTypes.instanceOf(Immutable.List).isRequired |
|
|
22 |
}; |
|
|
23 |
|
|
|
24 |
export default NotesList; |