client/src/components/NotesList.js
changeset 171 03334a31130a
parent 170 7da1d5137b0b
child 191 3f71ad81a5a9
equal deleted inserted replaced
170:7da1d5137b0b 171:03334a31130a
     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 Modal  from 'react-modal';
     3 import Modal  from 'react-modal';
     4 import Note from './Note';
     4 import Note from './Note';
     5 import './NoteList.css';
     5 import './NoteList.css';
       
     6 import { Trans } from 'react-i18next';
     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 = {
   101         onRequestClose={this.handleModalCloseRequest}
   102         onRequestClose={this.handleModalCloseRequest}
   102         >
   103         >
   103           <div id="delete-note-modal" className="modal-content">
   104           <div id="delete-note-modal" className="modal-content">
   104             <span id="delete-note-close-modal-button" className="material-icons text-right" onClick={ this.handleModalCloseRequest }>close</span>
   105             <span id="delete-note-close-modal-button" className="material-icons text-right" onClick={ this.handleModalCloseRequest }>close</span>
   105             <div className="modal-body text-center">
   106             <div className="modal-body text-center">
   106             <span className="modal-text">Supprimer cette note ?</span>
   107             <span className="modal-text"><Trans i18nKey='notes_list.delete_note_msg'>Supprimer cette note ?</Trans></span>
   107               <button type="button" className="btn btn-danger text-secondary font-weight-bold py-1 px-2 ml-3" id="delete-note-modal-button" onClick={ this.deleteNote }>Supprimer</button>
   108               <button type="button" className="btn btn-danger text-secondary font-weight-bold py-1 px-2 ml-3" id="delete-note-modal-button" onClick={ this.deleteNote }><Trans i18nKey='common.delete'>Supprimer</Trans></button>
   108             </div>
   109             </div>
   109           </div>
   110           </div>
   110         </Modal>
   111         </Modal>
   111       </div>
   112       </div>
   112     );
   113     );