wip

Author: sagnolkamdem

src/app/core/components/app/app.component.ts

@@ -38,22 +38,29 @@ export class AppComponent implements OnInit, OnDestroy {
   }
 
   networkStatus(): void {
+    console.log('dfs');
+    
     this.onlineEvent = fromEvent(window, 'online');
     this.offlineEvent = fromEvent(window, 'offline');
 
     this.subscriptions.push(
       this.onlineEvent.subscribe(() => {
+        console.log("qqqq");
         this.connectionStatus = 'online';
         this.connectionStatusMessage = $localize`Vous êtes de nouveau en ligne.`;
       })
     );
 
     this.subscriptions.push(
       this.offlineEvent.subscribe(() => {
+        console.log("ffff");
+        
         this.connectionStatus = 'offline';
         this.connectionStatusMessage = $localize`Vous n'êtes pas connecté à l'Internet`;
       })
     );
+
+    console.log(this.connectionStatus);
   }
 
   updateTheme(savedTheme: string | null = null): string {

src/app/core/components/network-status/network-status.component.ts

@@ -5,7 +5,7 @@ import { Component, Input, OnInit } from '@angular/core';
   selector: 'network-status',
   template: `
     <div
-      *ngIf="networkStatus"
+      *ngIf="showNetworkStatus"
       @showHideNotification
       aria-live="assertive"
       class="pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:p-6">
@@ -71,6 +71,6 @@ export class NetworkStatusComponent implements OnInit {
   ngOnInit() {
     setTimeout(() => {
       this.showNetworkStatus = false;
-    }, 100);
+    }, 3000);
   }
 }