New Bisq Markets Dashboard Design

fixes #476

frontend/src/app/bisq/bisq-trades/bisq-trades.component.ts

@@ -1,4 +1,4 @@
-import { ChangeDetectionStrategy, Component, Input, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input, OnChanges, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 
 @Component({
@@ -7,7 +7,16 @@ import { Observable } from 'rxjs';
   styleUrls: ['./bisq-trades.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class BisqTradesComponent {
+export class BisqTradesComponent implements OnChanges {
   @Input() trades$: Observable<any>;
   @Input() market: any;
+  @Input() view: 'all' | 'small' = 'all';
+
+  loadingColumns = [1, 2, 3, 4];
+
+  ngOnChanges() {
+    if (this.view === 'small') {
+      this.loadingColumns = [1, 2, 3];
+    }
+  }
 }