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 Modal from 'react-modal'; |
4 import Modal from 'react-modal'; |
5 import Note from './Note'; |
5 import Note from './Note'; |
|
6 import './NoteList.css'; |
6 |
7 |
7 class NotesList extends Component { |
8 class NotesList extends Component { |
8 constructor(props) { |
9 constructor(props) { |
9 super(props); |
10 super(props); |
10 this.state = { |
11 this.state = { |
86 className="Modal__Bootstrap modal-dialog" |
87 className="Modal__Bootstrap modal-dialog" |
87 // closeTimeoutMS={150} |
88 // closeTimeoutMS={150} |
88 isOpen={this.state.modalIsOpen} |
89 isOpen={this.state.modalIsOpen} |
89 onRequestClose={this.handleModalCloseRequest} |
90 onRequestClose={this.handleModalCloseRequest} |
90 > |
91 > |
91 <div className="modal-content"> |
92 <div id="delete-note-modal" className="modal-content text-center"> |
92 <div className="modal-body"> |
93 <button type="button" id="delete-note-close-modal-button" className="btn btn-default pull-right" onClick={ this.handleModalCloseRequest }><span className="material-icons">close</span></button> |
93 Êtes vous sûr(e) ? |
94 <span className="modal-text">Êtes-vous sûr(e) de vouloir supprimer cette note ?</span> |
94 </div> |
|
95 <div className="modal-footer"> |
95 <div className="modal-footer"> |
96 <button type="submit" className="btn btn-primary btn-lg" onClick={ this.deleteNote }>Confirmer</button> |
96 <button type="button" className="btn btn-primary" id="delete-note-modal-button" onClick={ this.deleteNote }>Confirmer</button> |
97 <button type="submit" className="btn btn-default btn-lg" onClick={ this.handleModalCloseRequest }>Fermer</button> |
|
98 </div> |
97 </div> |
99 </div> |
98 </div> |
100 </Modal> |
99 </Modal> |
101 |
100 |
102 </div> |
101 </div> |