Replaces spinner state with a third-party package

Author: peimelo

Diff for: src/app/core/actions/index.ts

@@ -1,5 +1,4 @@
 import * as MessageApiActions from './message.actions';
-import * as SpinnerActions from './spinner.actions';
 import * as UserActions from './user.actions';
 
-export { MessageApiActions, SpinnerActions, UserActions };
+export { MessageApiActions, UserActions };

Diff for: src/app/core/actions/spinner.actions.ts

@@ -5,7 +5,6 @@ import {
   HttpRequest,
 } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import { IsLoadingService } from '@service-work/is-loading';
 import { Observable } from 'rxjs';
 import { finalize } from 'rxjs/operators';
 import { SpinnerFacadeService } from '../services/spinner-facade.service';
@@ -14,18 +13,14 @@ import { SpinnerFacadeService } from '../services/spinner-facade.service';
 export class LoadingInterceptor implements HttpInterceptor {
   activeRequests = 0;
 
-  constructor(
-    private loadingService: IsLoadingService,
-    private spinnerFacade: SpinnerFacadeService
-  ) {}
+  constructor(private spinnerFacade: SpinnerFacadeService) {}
 
   intercept(
     request: HttpRequest<any>,
     next: HttpHandler
   ): Observable<HttpEvent<any>> {
     if (this.activeRequests === 0) {
       this.spinnerFacade.show();
-      this.loadingService.add({ key: 'loading' });
     }
 
     this.activeRequests++;
@@ -36,7 +31,6 @@ export class LoadingInterceptor implements HttpInterceptor {
 
         if (this.activeRequests === 0) {
           this.spinnerFacade.hide();
-          this.loadingService.remove({ key: 'loading' });
         }
       })
     );

Diff for: src/app/core/interceptors/loading.interceptor.ts

@@ -1,22 +1,21 @@
 import { Injectable } from '@angular/core';
-import { select, Store } from '@ngrx/store';
+import { IsLoadingService } from '@service-work/is-loading';
 import { Observable } from 'rxjs';
-import * as fromRoot from '../../reducers';
-import { SpinnerActions } from '../actions';
 
 @Injectable()
 export class SpinnerFacadeService {
+  private key = 'loading';
   showSpinner$: Observable<boolean>;
 
-  constructor(private store: Store<fromRoot.State>) {
-    this.showSpinner$ = this.store.pipe(select(fromRoot.selectShowSpinner));
+  constructor(private isLoadingService: IsLoadingService) {
+    this.showSpinner$ = this.isLoadingService.isLoading$({ key: this.key });
   }
 
   hide(): void {
-    this.store.dispatch(SpinnerActions.hideSpinner());
+    this.isLoadingService.remove({ key: this.key });
   }
 
   show(): void {
-    this.store.dispatch(SpinnerActions.showSpinner());
+    this.isLoadingService.add({ key: this.key });
   }
 }

Diff for: src/app/core/reducers/spinner.reducers.ts

@@ -4,24 +4,19 @@ import {
   Action,
   ActionReducer,
   ActionReducerMap,
-  createFeatureSelector,
-  createSelector,
   MetaReducer,
 } from '@ngrx/store';
 import { environment } from '../../environments/environment';
 import { AuthActions } from '../auth/actions';
-import * as fromSpinner from '../core/reducers/spinner.reducers';
 
 export interface State {
-  [fromSpinner.spinnerFeatureKey]: fromSpinner.State;
   router: fromRouter.RouterReducerState<any>;
 }
 
 export const ROOT_REDUCERS = new InjectionToken<
   ActionReducerMap<State, Action>
 >('Root reducers token', {
   factory: () => ({
-    [fromSpinner.spinnerFeatureKey]: fromSpinner.reducer,
     router: fromRouter.routerReducer,
   }),
 });
@@ -56,16 +51,3 @@ export function clearState(
 export const metaReducers: MetaReducer<State>[] = !environment.production
   ? [clearState, logger]
   : [clearState];
-
-/**
- * Spinner Reducers
- */
-export const selectSpinnerState = createFeatureSelector<
-  State,
-  fromSpinner.State
->(fromSpinner.spinnerFeatureKey);
-
-export const selectShowSpinner = createSelector(
-  selectSpinnerState,
-  fromSpinner.getShowSpinner
-);