show product image on user favorites page

src/app/core/services/product.service.ts

@@ -1,3 +1,4 @@
+import { getUserFavoriteProducts } from './../../user/reducers/selector';
 import { getTaxonomies } from './../../product/reducers/selectors';
 import { Taxonomy } from './../models/taxonomy';
 import { HttpClient } from '@angular/common/http';
@@ -48,7 +49,9 @@ export class ProductService {
 
   removeFromFavorite(id: number): Observable<{}> { return this.http.delete<{}>(`favorite_products/${id}`) }
 
-  getFavoriteProducts(): Observable<Array<Product>> { return this.http.get<Array<Product>>(`favorite_products`) }
+  getFavoriteProducts(): Observable<Array<Product>> { return this.http.get<Array<Product>>(`favorite_products.json`) }
+
+  getUserFavoriteProducts(): Observable<Array<Product>> { return this.http.get<Array<Product>>(`spree/user_favorite_products.json`) }
 
   // tslint:disable-next-line:max-line-length
   getProducts_by_taxon(id: number): Observable<Array<Product>> {

src/app/user/components/favorite-products/favorite-product-list-item/favorite-product-list-item.component.html

@@ -1,7 +1,9 @@
 <tr>
+  <td>
+    <img [src]="getProductImageUrl()" width="150px" height="150px">
+  </td>
   <td>{{ product.name }}</td>
-  <td>{{ product.description }}</td>
   <td>
     <button (click)="removeFromFavorite(product.id)" class="btn btn-primary">Remove</button>
   </td>
-</tr>
+</tr>

src/app/user/components/favorite-products/favorite-product-list-item/favorite-product-list-item.component.ts

@@ -29,4 +29,9 @@ export class FavoriteProductListItemComponent implements OnInit {
     });
   }
 
+  getProductImageUrl() {
+    // tslint:disable-next-line:max-line-length
+    return environment.apiEndpoint + `/spree/products/${this.product.master.images[0].id}/product/${this.product.master.images[0].attachment_file_name}`
+  }
+
 }

src/app/user/effects/user.effects.ts

@@ -28,7 +28,7 @@ export class UserEffects {
   @Effect()
   GetUserFavoriteProducts$: Observable<Action> = this.actions$
     .ofType(UserActions.GET_USER_FAVORITE_PRODUCTS)
-    .switchMap(() => this.productService.getFavoriteProducts())
+    .switchMap(() => this.productService.getUserFavoriteProducts())
     .map((products) => this.userActions.getUserFavoriteProductsSuccess(products));
 
 }