From f02fd3c01f62e48230d0905df65bd77edce4e806 Mon Sep 17 00:00:00 2001
From: Darren Nelsen <darren@bitpay.com>
Date: Mon, 31 Jul 2017 17:54:32 -0400
Subject: [PATCH] refactored TransactionsComponent to accept blockHash or
 address

---
 app/src/components/transactions/transactions.ts | 16 +++++++++++++++-
 app/src/pages/address/address.html              |  4 +++-
 app/src/pages/address/address.module.ts         |  4 +++-
 app/src/pages/address/address.ts                |  4 ++++
 4 files changed, 25 insertions(+), 3 deletions(-)

diff --git a/app/src/components/transactions/transactions.ts b/app/src/components/transactions/transactions.ts
index fda0295..f2bb011 100644
--- a/app/src/components/transactions/transactions.ts
+++ b/app/src/components/transactions/transactions.ts
@@ -17,6 +17,7 @@ export class TransactionsComponent {
 
   public loading: boolean = true;
   @Input() public blockHash: string;
+  @Input() public address: string;
   public transactions: any = [];
 
   constructor(private navCtrl: NavController, private http: Http) {
@@ -24,8 +25,21 @@ export class TransactionsComponent {
 
   private ngOnInit(): void {
     let apiPrefix: string = 'http://localhost:3001/insight-api/';
+    let lookupType: string, lookupValue: string;
 
-    this.http.get(apiPrefix + 'txs?block=' + this.blockHash).subscribe(
+    if (this.blockHash) {
+      lookupType = 'blocks';
+      lookupValue = this.blockHash;
+    }
+    if (this.address) {
+      lookupType = 'address';
+      lookupValue = this.address;
+    }
+
+    console.log('blockHash', this.blockHash);
+    console.log('address', this.address);
+
+    this.http.get(apiPrefix + 'txs?' + lookupType + '=' + lookupValue).subscribe(
       (data) => {
         this.transactions = JSON.parse(data['_body']);
         this.loading = false;
diff --git a/app/src/pages/address/address.html b/app/src/pages/address/address.html
index 86fee88..11ab88f 100644
--- a/app/src/pages/address/address.html
+++ b/app/src/pages/address/address.html
@@ -19,7 +19,7 @@
       <ion-col col-12>
         <h1>Address</h1>
         <p>0 BTC</p>
-        <p>address</p>
+        <p>{{ address }}</p>
       </ion-col>
     </ion-row>
     <ion-row>
@@ -48,4 +48,6 @@
       <ion-col col-12><h2>Transactions</h2></ion-col>
     </ion-row>
   </ion-grid>
+
+    <transactions [address]="address"></transactions>
 </ion-content>
diff --git a/app/src/pages/address/address.module.ts b/app/src/pages/address/address.module.ts
index 485b9e5..c02f6cf 100644
--- a/app/src/pages/address/address.module.ts
+++ b/app/src/pages/address/address.module.ts
@@ -1,10 +1,12 @@
 import { NgModule } from '@angular/core';
 import { IonicPageModule } from 'ionic-angular';
 import { AddressPage } from './address';
+import { TransactionsComponent } from '../../components/transactions/transactions';
 
 @NgModule({
   declarations: [
-    AddressPage
+    AddressPage,
+    TransactionsComponent
   ],
   imports: [
     IonicPageModule.forChild(AddressPage)
diff --git a/app/src/pages/address/address.ts b/app/src/pages/address/address.ts
index 00d8939..03131e3 100644
--- a/app/src/pages/address/address.ts
+++ b/app/src/pages/address/address.ts
@@ -17,7 +17,11 @@ import { IonicPage, NavController, NavParams } from 'ionic-angular';
 })
 export class AddressPage {
 
+  public loading: boolean = true;
+  private address: string;
+
   constructor(public navCtrl: NavController, public navParams: NavParams) {
+    this.address = navParams.get('address');
   }
 
   public ionViewDidLoad(): void {