client/src/components/NotesList.js
changeset 151 57d63a248f0d
parent 150 97536386b397
child 154 a28361bda28c
equal deleted inserted replaced
150:97536386b397 151:57d63a248f0d
    12       editingNote: null,
    12       editingNote: null,
    13       noteToDelete: null,
    13       noteToDelete: null,
    14       modalIsOpen: false,
    14       modalIsOpen: false,
    15     };
    15     };
    16   }
    16   }
       
    17 
       
    18   componentWillMount() {
       
    19     Modal.setAppElement('body');
       
    20 }
    17 
    21 
    18   openModal = () => {
    22   openModal = () => {
    19     this.setState({modalIsOpen: true});
    23     this.setState({modalIsOpen: true});
    20   }
    24   }
    21 
    25 
    88         // closeTimeoutMS={150}
    92         // closeTimeoutMS={150}
    89         isOpen={this.state.modalIsOpen}
    93         isOpen={this.state.modalIsOpen}
    90         onRequestClose={this.handleModalCloseRequest}
    94         onRequestClose={this.handleModalCloseRequest}
    91         >
    95         >
    92           <div id="delete-note-modal" className="modal-content text-center">
    96           <div id="delete-note-modal" className="modal-content text-center">
    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>
    97             <button type="button" id="delete-note-close-modal-button" className="btn btn-secondary float-right" onClick={ this.handleModalCloseRequest }><span className="material-icons">close</span></button>
    94             <span className="modal-text">Êtes-vous sûr(e) de vouloir supprimer cette note ?</span>
    98             <span className="modal-text">Êtes-vous sûr(e) de vouloir supprimer cette note ?</span>
    95             <div className="modal-footer">
    99             <div className="modal-footer">
    96               <button type="button" className="btn btn-primary" id="delete-note-modal-button" onClick={ this.deleteNote }>Confirmer</button>
   100               <button type="button" className="btn btn-primary text-secondary" id="delete-note-modal-button" onClick={ this.deleteNote }>Confirmer</button>
    97             </div>
   101             </div>
    98           </div>
   102           </div>
    99         </Modal>
   103         </Modal>
   100 
   104 
   101       </div>
   105       </div>