Add loading spinners.

2021-04-21 20:22:34 +04:00
parent 6b5b80f866
commit d4508bd876
5 changed files with 37 additions and 2 deletions
--- a/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.html
+++ b/frontend/src/app/bisq/bisq-dashboard/bisq-dashboard.component.html
@@ -3,7 +3,12 @@
  <h1>Trading volume</h1>

  <div id="volumeHolder">
-    <ng-container *ngIf="volumes$ | async as volumes">
+    <ng-template #loadingVolumes>
+      <div class="text-center loadingVolumes">
+        <div class="spinner-border text-light"></div>
+      </div>  
+    </ng-template>
+    <ng-container *ngIf="volumes$ | async as volumes; else loadingVolumes">
      <app-lightweight-charts-area [data]="volumes.data" [lineData]="volumes.linesData"></app-lightweight-charts-area>
    </ng-container>
  </div>