client/src/components/NotesList.js
changeset 154 a28361bda28c
parent 151 57d63a248f0d
child 158 964438ef8401
equal deleted inserted replaced
153:de8d18c8251d 154:a28361bda28c
    86             isEditing={ this.state.editingNote && note === this.state.editingNote }
    86             isEditing={ this.state.editingNote && note === this.state.editingNote }
    87             annotationCategories={this.props.annotationCategories} />
    87             annotationCategories={this.props.annotationCategories} />
    88         )}
    88         )}
    89 
    89 
    90         <Modal
    90         <Modal
    91         className="Modal__Bootstrap modal-dialog"
    91         className="Modal__Bootstrap modal-dialog mt-5 pt-5 justify-content-lg-center"
    92         // closeTimeoutMS={150}
    92         // closeTimeoutMS={150}
    93         isOpen={this.state.modalIsOpen}
    93         isOpen={this.state.modalIsOpen}
    94         onRequestClose={this.handleModalCloseRequest}
    94         onRequestClose={this.handleModalCloseRequest}
    95         >
    95         >
    96           <div id="delete-note-modal" className="modal-content text-center">
    96           <div id="delete-note-modal" className="modal-content">
    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>
    97             <span id="delete-note-close-modal-button" className="material-icons p-0 text-right" onClick={ this.handleModalCloseRequest }>close</span>
       
    98             <div className="modal-body text-center">
    98             <span className="modal-text">Êtes-vous sûr(e) de vouloir supprimer cette note ?</span>
    99             <span className="modal-text">Êtes-vous sûr(e) de vouloir supprimer cette note ?</span>
    99             <div className="modal-footer">
   100               <button type="button" className="btn btn-primary text-secondary font-weight-bold py-1 px-2 mt-3" 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>
       
   101             </div>
   101             </div>
   102           </div>
   102           </div>
   103         </Modal>
   103         </Modal>
   104 
       
   105       </div>
   104       </div>
   106     );
   105     );
   107   }
   106   }
   108 };
   107 };
   109 
   108