From 90ab0406e58c70ef3363440f0362bcec63899f3b Mon Sep 17 00:00:00 2001
From: Alexis Hernandez <alexis22229@gmail.com>
Date: Fri, 13 Apr 2018 19:36:15 -0500
Subject: [PATCH] web-ui: Update the latest blocks view

---
 .../latest-blocks/latest-blocks.component.html     | 14 +++++++++-----
 .../latest-blocks/latest-blocks.component.ts       |  1 -
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/web-ui/src/app/components/latest-blocks/latest-blocks.component.html b/web-ui/src/app/components/latest-blocks/latest-blocks.component.html
index 3249e8f..93a5131 100644
--- a/web-ui/src/app/components/latest-blocks/latest-blocks.component.html
+++ b/web-ui/src/app/components/latest-blocks/latest-blocks.component.html
@@ -1,13 +1,17 @@
 <div>
-  <div [hidden]="blocks != null">
-    <alert>{{'message.loadingLatestBlocks' | translate}}</alert>
+  <div class="row">
+    <div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10">
+      <h2>{{'label.latestBlocks' | translate}}</h2>
+    </div>
   </div>
 
-  <div *ngIf="blocks != null">
-    <div class="row">
-      <h2 class="col-xs-12 col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-1'">{{'label.latestBlocks' | translate}}</h2>
+  <div class="row" *ngIf="blocks == null">
+    <div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10">
+      <h4>{{'message.loadingLatestBlocks' | translate}}</h4>
     </div>
+  </div>
 
+  <div *ngIf="blocks != null">
     <div class="row">
       <div class="col-xs-12 col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-1 col-lg-10">
         <table class="table table-condensed table-bordered table-striped table-hover">
diff --git a/web-ui/src/app/components/latest-blocks/latest-blocks.component.ts b/web-ui/src/app/components/latest-blocks/latest-blocks.component.ts
index d6e4678..8487b8b 100644
--- a/web-ui/src/app/components/latest-blocks/latest-blocks.component.ts
+++ b/web-ui/src/app/components/latest-blocks/latest-blocks.component.ts
@@ -35,7 +35,6 @@ export class LatestBlocksComponent implements OnInit, OnDestroy {
     private errorService: ErrorService) { }
 
   ngOnInit() {
-    this.blocks = [];
     this.updateBlocks();
   }