equal
deleted
inserted
replaced
1 import React, { Component } from 'react'; |
1 import React, { Component } from 'react'; |
2 import PropTypes from 'prop-types'; |
2 import PropTypes from 'prop-types'; |
3 import Immutable from 'immutable'; |
3 import Immutable from 'immutable'; |
4 import { Alert, Modal, Button } from 'react-bootstrap'; |
4 import { Modal } from 'react-bootstrap'; |
5 import Note from './Note'; |
5 import Note from './Note'; |
6 |
6 |
7 class NotesList extends Component { |
7 class NotesList extends Component { |
8 |
8 |
9 state = { |
9 state = { |
45 } |
45 } |
46 |
46 |
47 render() { |
47 render() { |
48 if (this.props.notes.size === 0) { |
48 if (this.props.notes.size === 0) { |
49 return ( |
49 return ( |
50 <Alert bsStyle="warning">No notes yet. Add notes with the textarea below.</Alert> |
50 <div className="alert alert-warning">Commencez votre première note en écrivant dans le champ texte ci-dessous</div> |
51 ); |
51 ); |
52 } |
52 } |
53 |
53 |
54 return ( |
54 return ( |
55 <div> |
55 <div> |
66 annotationCategories={this.props.annotationCategories} /> |
66 annotationCategories={this.props.annotationCategories} /> |
67 )} |
67 )} |
68 |
68 |
69 <Modal show={this.state.showModal} onHide={this.closeModal}> |
69 <Modal show={this.state.showModal} onHide={this.closeModal}> |
70 <Modal.Body> |
70 <Modal.Body> |
71 Are you sure? |
71 Êtes vous sûr(e) ? |
72 </Modal.Body> |
72 </Modal.Body> |
73 <Modal.Footer> |
73 <Modal.Footer> |
74 <Button bsStyle="primary" onClick={ this.deleteNote }>Confirm</Button> |
74 <button type="submit" className="btn btn-primary btn-lg" onClick={ this.deleteNote }>Confirm</button> |
75 <Button onClick={ this.closeModal }>Close</Button> |
75 <button type="submit" className="btn btn-default btn-lg" onClick={ this.closeModal }>Close</button> |
76 </Modal.Footer> |
76 </Modal.Footer> |
77 </Modal> |
77 </Modal> |
78 |
78 |
79 </div> |
79 </div> |
80 ); |
80 ); |