generate drinks component and routerLink to /drinks from /bars

src/app/app.module.ts

@@ -24,9 +24,10 @@ import { environment } from 'src/environments/environment';
 import { reducersMap } from './share/store';
 import { AuthEffects } from './share/store/effects/auth.effects';
 import { BarEffects } from './share/store/effects/bar.effects';
+import { DrinksComponent } from './components/drinks/drinks.component';
 
 @NgModule({
-  declarations: [AppComponent],
+  declarations: [AppComponent, DrinksComponent],
   imports: [
 		BrowserModule,
 		BrowserAnimationsModule,

src/app/app.routing.ts

 import { Route } from "@angular/router";
 import { BarsComponent } from "./components/bars/bars.component";
+import { DrinksComponent } from "./components/drinks/drinks.component";
 import { SigninComponent } from "./components/signin/signin.component";
 import { SignupComponent } from "./components/signup/signup.component";
 import { WelcomeComponent } from "./components/welcome/welcome.component";
@@ -11,6 +12,7 @@ export const APP_ROUTING: Route[] = [
 	{ path: 'photos', canActivate: [AuthGuard], loadChildren: () => import('./photos/photos.module').then(m => m.PhotosModule) },
 	{ path: 'profile', canActivate: [AuthGuard], loadChildren: () => import('./profile/profile.module').then(m => m.ProfileModule) },
 	{ path: 'bars', canActivate: [AuthGuard], component: BarsComponent },
+	{ path: 'drinks', canActivate: [AuthGuard], component: DrinksComponent },
 	{ path: 'signup', canActivate: [AlreadyLoggedInGuard], component: SignupComponent },
 	{ path: 'signin', canActivate: [AlreadyLoggedInGuard], component: SigninComponent },
 	{ path: '', redirectTo: '', pathMatch: 'full' },

src/app/components/bars/bars.component.html

@@ -13,7 +13,7 @@
 			<div>{{ bar.address }}</div>
 		</div>
 		<div class="card-action">
-			<button mat-raised-button color='accent'>choisir</button>
+			<button mat-raised-button routerLink="/drinks" color='accent'>choisir</button>
 		</div>
 	</div>
 </section>

src/app/components/drinks/drinks.component.html

+<p>drinks works!</p>
+<div class="drink-card">
+	<div class="card-img">
+		
+
+	</div>
+</div>
\ No newline at end of file

src/app/components/drinks/drinks.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-drinks',
+  templateUrl: './drinks.component.html',
+  styleUrls: ['./drinks.component.css']
+})
+export class DrinksComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

src/app/share/components/topbar/topbar.component.ts

@@ -5,7 +5,6 @@ import { Observable } from 'rxjs';
 import { State } from '../../store';
 import { Logout } from '../../store/actions/auth.actions';
 import { isLoggedInAuthSelector } from '../../store/selectors/auth.selectors';
-import { FetchPhotos, SetFilter } from 'src/app/photos/shared/store/photos.actions';
 
 @Component({
   selector: 'app-topbar',