OfflineService-1.ts

@Injectable({ providedIn: 'root' })
export class OfflineService {
  constructor(private toast: HotToastService) {
    fromEvent(window, 'offline').pipe(
      tap(() =>
        this.toast.warning('There is no internet connection', {
          duration: 10_000,
        })
      )
    ).subscribe()
  }
}