fix: display error messages on empty cart

src/app/pages/basket/basket-page.container.html

@@ -10,7 +10,9 @@
   </ng-container>
 </ng-container>
 
-<ng-template #emptyBasket> <ish-shopping-basket-empty></ish-shopping-basket-empty> </ng-template>
+<ng-template #emptyBasket>
+  <ish-shopping-basket-empty [error]="basketError$ | async"></ish-shopping-basket-empty>
+</ng-template>
 
 <ish-loading *ngIf="basketLoading$ | async"></ish-loading>
 

src/app/pages/basket/components/shopping-basket-empty/shopping-basket-empty.component.html

@@ -1,4 +1,9 @@
 <div class="empty-cart">
+  <div>
+    <!-- Error message -->
+    <ish-error-message [error]="error"></ish-error-message>
+  </div>
+
   <img
     class="empty-cart-icon"
     src="assets/img/checkout/empty-cart.png"

src/app/pages/basket/components/shopping-basket-empty/shopping-basket-empty.component.spec.ts

@@ -1,5 +1,8 @@
 import { ComponentFixture, TestBed, async } from '@angular/core/testing';
 import { TranslateModule } from '@ngx-translate/core';
+import { MockComponent } from 'ng-mocks';
+
+import { ErrorMessageComponent } from 'ish-shared/common/components/error-message/error-message.component';
 
 import { ShoppingBasketEmptyComponent } from './shopping-basket-empty.component';
 
@@ -10,7 +13,7 @@ describe('Shopping Basket Empty Component', () => {
 
   beforeEach(async(() => {
     TestBed.configureTestingModule({
-      declarations: [ShoppingBasketEmptyComponent],
+      declarations: [MockComponent(ErrorMessageComponent), ShoppingBasketEmptyComponent],
       imports: [TranslateModule.forRoot()],
     }).compileComponents();
   }));

src/app/pages/basket/components/shopping-basket-empty/shopping-basket-empty.component.ts

@@ -1,8 +1,12 @@
-import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+
+import { HttpError } from 'ish-core/models/http-error/http-error.model';
 
 @Component({
   selector: 'ish-shopping-basket-empty',
   templateUrl: './shopping-basket-empty.component.html',
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class ShoppingBasketEmptyComponent {}
+export class ShoppingBasketEmptyComponent {
+  @Input() error: HttpError;
+}