client/src/components/Navbar.js
changeset 170 7da1d5137b0b
parent 167 1f340f3597a8
child 171 03334a31130a
equal deleted inserted replaced
169:f98efa1bddd1 170:7da1d5137b0b
    58 }
    58 }
    59 
    59 
    60 const OffLineMessage = ({isAuthenticated}) => {
    60 const OffLineMessage = ({isAuthenticated}) => {
    61   if (!isAuthenticated) {
    61   if (!isAuthenticated) {
    62     return (
    62     return (
    63         <span className="sticky-top text-info text-right float-right mr-4 offline-message">Vous êtes en mode Offline. N'oubliez pas de
    63         <span className="sticky-top text-warning text-right float-right mr-4 offline-message">Vous êtes en mode Offline. N'oubliez pas de
    64         vous connecter ou de créer un compte pour sauvegarder vos sessions</span>
    64         vous connecter ou de créer un compte pour sauvegarder vos sessions</span>
    65     );
    65     );
    66   }
    66   }
    67     return (
    67     return (
    68       <span></span>
    68       <span></span>
   200                 <p className="modal-text">
   200                 <p className="modal-text">
   201                   Certaines sessions n'ont pas encore été sauvegardées.
   201                   Certaines sessions n'ont pas encore été sauvegardées.
   202                   <br />
   202                   <br />
   203                   Si vous continuez, elles seront perdues.
   203                   Si vous continuez, elles seront perdues.
   204                 </p>
   204                 </p>
   205               <button type="button" className="btn btn-info text-secondary font-weight-bold py-1 px-2 mb-3" id="logout-modal-button" onClick={ this.confirmLogout }>Confirmer</button>
   205               <button type="button" className="btn btn-danger text-secondary font-weight-bold py-1 px-2 mb-3" id="logout-modal-button" onClick={ this.confirmLogout }>Confirmer</button>
   206               </div>
   206               </div>
   207             </div>
   207             </div>
   208           </Modal>
   208           </Modal>
   209         </div>
   209         </div>
   210       </nav>
   210       </nav>