Update block API to use indexing if available

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

@@ -105,7 +105,18 @@
               </ng-template>
               <tr>
                 <td i18n="block.miner">Miner</td>
-                <td><app-miner [coinbaseTransaction]="coinbaseTx"></app-miner></td>
+                <td *ngIf="stateService.env.MINING_DASHBOARD">
+                  <a placement="bottom" [routerLink]="['/mining/pool' | relativeUrl, block.extras.pool.slug]" class="badge"
+                    [class]="block.extras.pool.name === 'Unknown' ? 'badge-secondary' : 'badge-primary'">
+                    {{ block.extras.pool.name }}
+                  </a>
+                </td>
+                <td *ngIf="!stateService.env.MINING_DASHBOARD">
+                  <span placement="bottom" class="badge"
+                    [class]="block.extras.pool.name === 'Unknown' ? 'badge-secondary' : 'badge-primary'">
+                    {{ block.extras.pool.name }}
+                </span>
+                </td>
               </tr>
             </tbody>
           </table>

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

@@ -31,7 +31,6 @@ export class BlockComponent implements OnInit, OnDestroy {
   blockSubsidy: number;
   fees: number;
   paginationMaxSize: number;
-  coinbaseTx: Transaction;
   page = 1;
   itemsPerPage: number;
   txsLoadingStatus$: Observable<number>;
@@ -50,7 +49,7 @@ export class BlockComponent implements OnInit, OnDestroy {
     private location: Location,
     private router: Router,
     private electrsApiService: ElectrsApiService,
-    private stateService: StateService,
+    public stateService: StateService,
     private seoService: SeoService,
     private websocketService: WebsocketService,
     private relativeUrlPipe: RelativeUrlPipe,
@@ -88,7 +87,6 @@ export class BlockComponent implements OnInit, OnDestroy {
         const blockHash: string = params.get('id') || '';
         this.block = undefined;
         this.page = 1;
-        this.coinbaseTx = undefined;
         this.error = undefined;
         this.fees = undefined;
         this.stateService.markBlock$.next({});
@@ -145,7 +143,6 @@ export class BlockComponent implements OnInit, OnDestroy {
 
         this.seoService.setTitle($localize`:@@block.component.browser-title:Block ${block.height}:BLOCK_HEIGHT:: ${block.id}:BLOCK_ID:`);
         this.isLoadingBlock = false;
-        this.coinbaseTx = block?.extras?.coinbaseTx;
         this.setBlockSubsidy();
         if (block?.extras?.reward !== undefined) {
           this.fees = block.extras.reward / 100000000 - this.blockSubsidy;
@@ -167,9 +164,6 @@ export class BlockComponent implements OnInit, OnDestroy {
       if (this.fees === undefined && transactions[0]) {
         this.fees = transactions[0].vout.reduce((acc: number, curr: Vout) => acc + curr.value, 0) / 100000000 - this.blockSubsidy;
       }
-      if (!this.coinbaseTx && transactions[0]) {
-        this.coinbaseTx = transactions[0];
-      }
       this.transactions = transactions;
       this.isLoadingTransactions = false;
     },