diff --git a/app/src/components/latest-blocks/latest-blocks.html b/app/src/components/latest-blocks/latest-blocks.html
index 6595647..320ae6f 100644
--- a/app/src/components/latest-blocks/latest-blocks.html
+++ b/app/src/components/latest-blocks/latest-blocks.html
@@ -1,27 +1,32 @@
 <!-- Generated template for the LatestBlocksComponent component -->
 <div>
-  {{text}}
-  <ion-grid>
+  <div *ngIf="loading">
+    <ion-spinner name="crescent"></ion-spinner>
+  </div>
 
-    <ion-row>
-      <ion-col><b>Height</b></ion-col>
-      <ion-col><b>Age</b></ion-col>
-      <ion-col text-right><b>Transactions</b></ion-col>
-      <ion-col text-right><b>Size</b></ion-col>
-    </ion-row>
-    <ion-row *ngFor="let block of getBlocks(8)">
-      <ion-col>
-        <a (click)="goToBlock(block.hash)">{{block.height}}</a>
-      </ion-col>
-      <ion-col>
-        {{ block.time | amFromUnix | amTimeAgo }}
-      </ion-col>
-      <ion-col text-right>
-        {{block.txlength}}
-      </ion-col>
-      <ion-col text-right>
-        {{ block.size }}
-      </ion-col>
-    </ion-row>
-  </ion-grid>
+  <div *ngIf="!loading">
+    <ion-grid>
+
+      <ion-row>
+        <ion-col><b>Height</b></ion-col>
+        <ion-col><b>Age</b></ion-col>
+        <ion-col text-right><b>Transactions</b></ion-col>
+        <ion-col text-right><b>Size</b></ion-col>
+      </ion-row>
+      <ion-row *ngFor="let block of getBlocks(6)">
+        <ion-col>
+          <a (click)="goToBlock(block.hash)">{{block.height}}</a>
+        </ion-col>
+        <ion-col>
+          {{ block.time | amFromUnix | amTimeAgo }}
+        </ion-col>
+        <ion-col text-right>
+          {{block.txlength}}
+        </ion-col>
+        <ion-col text-right>
+          {{ block.size }}
+        </ion-col>
+      </ion-row>
+    </ion-grid>
+  </div>
 </div>
diff --git a/app/src/components/latest-blocks/latest-blocks.ts b/app/src/components/latest-blocks/latest-blocks.ts
index cb7ae42..5ecbebe 100644
--- a/app/src/components/latest-blocks/latest-blocks.ts
+++ b/app/src/components/latest-blocks/latest-blocks.ts
@@ -1,5 +1,6 @@
 import { Component } from '@angular/core';
 import { BlocksProvider } from '../../providers/blocks/blocks';
+import { NavController } from 'ionic-angular';
 
 /**
  * Generated class for the LatestBlocksComponent component.
@@ -13,25 +14,26 @@ import { BlocksProvider } from '../../providers/blocks/blocks';
 })
 export class LatestBlocksComponent {
 
-  private text: string;
+  public loading: boolean = true;
   public blocks: Array<any> = [];
 
-  constructor(private blocksProvider: BlocksProvider) {
-    this.text = 'Hello Latest Blocks';
-
+  constructor(private blocksProvider: BlocksProvider, private navCtrl: NavController) {
     blocksProvider.getBlocks().subscribe(
       (data) => {
         this.blocks = JSON.parse(data['_body']).blocks;
-        console.log('blocks', this.blocks);
+        this.loading = false;
       },
       (err) => {
         console.log('err', err);
+        this.loading = false;
       }
     );
   }
 
-  public goToBlock(hash: string): void {
-    console.log('go to', hash);
+  public goToBlock(blockHash: string): void {
+    this.navCtrl.push('block-detail', {
+      'blockHash': blockHash
+    });
   }
 
   public getBlocks(num: number = 10): Array<any> {