Edge case for no boked cuisines solved

anuraagrijal3138 · Apr 17, 2018 · 8285963 · 8285963
1 parent b22e0c9
commit 8285963
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 9 deletions.
diff --git a/src/app/dashboard/dashboard.component.html b/src/app/dashboard/dashboard.component.html
@@ -4,12 +4,13 @@ <h1>
 </h1>
 <mat-tab-group>
     <mat-tab label="Hosted Cuisines">
-      <p>
-        These are the cuisines you posted!
-      </p>
+      <p>Below are your Hosted Cuisines.</p>
       <app-hostcuisines></app-hostcuisines>
     </mat-tab>
     <mat-tab label="Booked Cuisines">
+      <p *ngIf="isEmpty">Oops looks like you dont have booked cuisines.You can book cuisines from 
+        <a routerLink="/cuisines">here.</a>
+      </p>
         <mat-expansion-panel *ngFor="let book of (booked | async)">
             <mat-expansion-panel-header>
               <mat-panel-title>

diff --git a/src/app/dashboard/dashboard.component.ts b/src/app/dashboard/dashboard.component.ts
@@ -13,6 +13,7 @@ export class DashboardComponent implements OnInit {
   userName: String;
   notifications : Observable<any[]>;
   booked: Observable<any[]>;
+  isEmpty:boolean = true;
   constructor(private authService: AuthService,
               private router: Router,
               private cuisinesService: CuisinesService) {
@@ -24,11 +25,13 @@ export class DashboardComponent implements OnInit {
   ngOnInit() {
     this.notifications = this.cuisinesService.notification;
     this.booked = this.cuisinesService.bookedCuisines;
-    // this.cuisinesService.notification
-		// 	.subscribe(
-		// 		(message : any) => {
-		// 			console.log(message);
-		// 		}
-		// 	);
+    this.cuisinesService.bookedCuisines
+			.subscribe(
+				(message : any) => {
+					if(message.length > 0){
+            this.isEmpty = false;
+          }
+				}
+			);
   }
 }