Check whether user is Online or Not in Angular

import { Injectable } from '@angular/core';
import { fromEvent, map, merge, Observable } from 'rxjs';

@Injectable({
  providedIn: 'root',
})
export class NetworkStatus {
  private onlineStatus$ = merge(fromEvent(window, 'online'), fromEvent(window, 'offline')).pipe(
    map(() => navigator.onLine),
  );

  isOnline(): boolean {
    return navigator.onLine;
  }

  get onlineStatusChanges(): Observable<boolean> {
    return this.onlineStatus$;
  }
}