handle error is bars component fetching bars

src/app/components/bars/bars.component.ts

 import { Component, OnInit } from '@angular/core';
-import { Observable } from 'rxjs';
+import { EMPTY, of } from 'rxjs';
 import { catchError, map } from 'rxjs/operators';
 import { Bar } from '../../share/models/bar.model';
 import { BarsService } from '../../share/services/bars.service';
@@ -17,12 +17,12 @@ export class BarsComponent implements OnInit {
   ngOnInit(): void {
 		this.barsService.getAllBars().pipe(
 			map((bars: Bar[]) => {
-				console.log(bars);
 				this.bars = bars;
 			}),
-			catchError((err) => {
-				console.log(err);
-			})
+			catchError((error: any) => {
+				return EMPTY;
+			}
+			),
 		);
 	}
 }

src/app/share/store/effects/bars.effects.ts

@@ -24,9 +24,6 @@ export class BarsEffect {
 		}),
 		map((bars: Bar[]) => {
 			return new FetchBarsSuccess(bars);
-		}),
-		// catchError((err) => {
-		// 	console.log(err);
-		// })
+		})
 	);
 }
\ No newline at end of file

src/app/share/store/reducers/bars.reducers.ts

-import { PhotosAction, PhotosActionsTypes } from "./photos.actions";
-import { Photo } from "../models/photo.model";
 import { Bar } from "../../models/bar.model";
 import { BarsAction, BarsActionsTypes } from "../actions/bars.actions";