client/src/components/SessionList.js
changeset 171 03334a31130a
parent 170 7da1d5137b0b
child 172 4b780ebbedc6
equal deleted inserted replaced
170:7da1d5137b0b 171:03334a31130a
     1 import React, { Component } from 'react';
     1 import React, { Component } from 'react';
     2 import { connect } from 'react-redux';
     2 import { connect } from 'react-redux';
     3 import { bindActionCreators } from 'redux';
     3 import { bindActionCreators } from 'redux';
       
     4 import { Trans } from 'react-i18next';
     4 import Modal from 'react-modal';
     5 import Modal from 'react-modal';
     5 import moment from 'moment';
     6 import moment from 'moment';
     6 import '../App.css';
     7 import '../App.css';
     7 import './SessionList.css';
     8 import './SessionList.css';
     8 import Navbar from './Navbar';
     9 import Navbar from './Navbar';
    65 
    66 
    66   emptyListMessage = () => {
    67   emptyListMessage = () => {
    67 
    68 
    68       if (this.props.sessions.length === 0) {
    69       if (this.props.sessions.length === 0) {
    69       return (
    70       return (
    70        <h1 className="text-primary text-center mt-5 pt-5">vous n'avez créé aucune session pour le moment</h1>
    71        <h1 className="text-primary text-center mt-5 pt-5"><Trans i18nKey="session_list.no_session">vous n'avez créé aucune session pour le moment</Trans></h1>
    71       );
    72       );
    72     }
    73     }
    73   }
    74   }
    74 
    75 
    75   deleteSession = () => {
    76   deleteSession = () => {
   119         onRequestClose={this.handleModalCloseRequest}
   120         onRequestClose={this.handleModalCloseRequest}
   120         >
   121         >
   121           <div id="delete-session-modal" className="modal-content">
   122           <div id="delete-session-modal" className="modal-content">
   122             <span id="delete-session-close-modal-button" className="material-icons text-right" onClick={ this.handleModalCloseRequest }>close</span>
   123             <span id="delete-session-close-modal-button" className="material-icons text-right" onClick={ this.handleModalCloseRequest }>close</span>
   123             <div className="modal-body text-center">
   124             <div className="modal-body text-center">
   124             <span className="modal-text">Supprimer cette session ?</span>
   125             <span className="modal-text"><Trans i18nKey="session_list.delete_modal_message">Supprimer cette session ?</Trans></span>
   125               <button type="button" className="btn btn-danger text-secondary font-weight-bold py-1 px-2 ml-3" id="delete-session-modal-button" onClick={ this.deleteSession }>Supprimer</button>
   126             <button type="button" className="btn btn-danger text-secondary font-weight-bold py-1 px-2 ml-3 text-capitalize" id="delete-session-modal-button" onClick={ this.deleteSession }><Trans i18nKey="common.delete">Supprimer</Trans></button>
   126             </div>
   127             </div>
   127           </div>
   128           </div>
   128         </Modal>
   129         </Modal>
   129       </div>
   130       </div>
   130     );
   131     );