Instant mining pool identification from recent blocks.

refs #59

backend/src/api/blocks.ts

@@ -75,6 +75,7 @@ class Blocks {
         transactions.sort((a, b) => b.feePerVsize - a.feePerVsize);
         block.medianFee = transactions.length > 1 ? this.median(transactions.map((tx) => tx.feePerVsize)) : 0;
         block.feeRange = transactions.length > 1 ? this.getFeesInRange(transactions, 8) : [0, 0];
+        block.coinbaseTx = transactions[0];
 
         this.blocks.push(block);
         if (this.blocks.length > config.KEEP_BLOCK_AMOUNT) {

backend/src/interfaces.ts

@@ -105,6 +105,7 @@ export interface Block {
   medianFee?: number;
   feeRange?: number[];
   reward?: number;
+  coinbaseTx?: Transaction;
 }
 
 export interface Address {

frontend/src/app/components/block/block.component.html

@@ -70,7 +70,7 @@
               </ng-template>
               <tr>
                 <td>Miner</td>
-                <td><app-miner [coinbaseTransaction]="transactions && transactions[0]"></app-miner></td>
+                <td><app-miner [coinbaseTransaction]="block.coinbaseTx || (transactions && transactions[0])"></app-miner></td>
               </tr>
             </tbody>
           </table>

frontend/src/app/interfaces/electrs.interface.ts

@@ -92,6 +92,7 @@ export interface Block {
   medianFee?: number;
   feeRange?: number[];
   reward?: number;
+  coinbaseTx?: Transaction;
 }
 
 export interface Address {

frontend/src/app/pipes/miner/miner.component.ts

@@ -19,6 +19,7 @@ export class MinerComponent implements OnChanges {
   ) { }
 
   ngOnChanges() {
+    this.miner = '';
     this.loading = true;
     this.findMinerFromCoinbase();
   }