Search box for explorer.

frontend/src/app/explorer/address/address.component.html

@@ -36,7 +36,7 @@
             </tbody>
           </table>
         </div>
-        <div class="col text-center">
+        <div class="col text-right">
           <div class="qr-wrapper">
             <qrcode id="qrCode" [qrdata]="address.address" [size]="128" [level]="'M'"></qrcode>
           </div>
@@ -72,7 +72,7 @@
       <div class="text-center">
         Error loading address data.
         <br>
-        <i>{{ error.message }}</i>
+        <i>{{ error.error }}</i>
       </div>
     </ng-template>
 

frontend/src/app/explorer/address/address.component.scss

@@ -11,4 +11,5 @@
   background-color: #FFF;
   padding: 10px;
   display: inline-block;
+  margin-right: 25px;
 }

frontend/src/app/explorer/address/address.component.ts

@@ -38,6 +38,7 @@ export class AddressComponent implements OnInit {
       this.ref.markForCheck();
     },
     (error) => {
+      console.log(error);
       this.error = error;
       this.isLoadingAddress = false;
     });

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

@@ -77,7 +77,7 @@
       <div class="text-center">
         Error loading block data.
         <br>
-        <i>{{ error.message }}</i>
+        <i>{{ error.error }}</i>
       </div>
     </ng-template>
 

frontend/src/app/explorer/transaction/transaction.component.html

@@ -61,7 +61,7 @@
     <div class="text-center">
       Error loading transaction data.
       <br>
-      <i>{{ error.message }}</i>
+      <i>{{ error.error }}</i>
     </div>
   </ng-template>
 </div>