Featured assets and asset groups

frontend/src/app/components/assets/assets-featured/assets-featured.component.ts

@@ -0,0 +1,34 @@
+import { Component, OnInit } from '@angular/core';
+import { combineLatest, Observable } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { ApiService } from 'src/app/services/api.service';
+import { AssetsService } from 'src/app/services/assets.service';
+
+@Component({
+  selector: 'app-assets-featured',
+  templateUrl: './assets-featured.component.html',
+  styleUrls: ['./assets-featured.component.scss']
+})
+export class AssetsFeaturedComponent implements OnInit {
+  featuredAssets$: Observable<any>;
+
+  constructor(
+    private apiService: ApiService,
+    private assetsService: AssetsService,
+  ) { }
+
+  ngOnInit(): void {
+    this.featuredAssets$ = combineLatest([
+      this.assetsService.getAssetsJson$,
+      this.apiService.listFeaturedAssets$(),
+    ]).pipe(
+      map(([assetsJson, featured]) => {
+        return {
+          assetsJson: assetsJson,
+          featured: featured,
+        };
+      })
+    );
+  }
+
+}