Merge pull request #2 from rastajpa/feat/eth-icon

FEAT: eth icon
nitsujlangston · Aug 27, 2019 · 196e64c · 196e64c
2 parents 9c8921f + 2be42ad
commit 196e64c
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 6 deletions.
diff --git a/packages/insight/src/assets/img/currency_logos/eth.svg b/packages/insight/src/assets/img/currency_logos/eth.svg
diff --git a/packages/insight/src/assets/img/ethicon.svg b/packages/insight/src/assets/img/ethicon.svg
diff --git a/packages/insight/src/components/head-nav/head-nav.html b/packages/insight/src/components/head-nav/head-nav.html
@@ -5,14 +5,14 @@
       <ion-icon name="search" [color]="!showSearch ? 'light' : 'dark'"></ion-icon>
     </button>
     <form class="search" (ngSubmit)="search($event)">
-      <input dir="auto" placeholder="{{ 'Search for block, transaction or address' }}" [(ngModel)]="q" name="search"
-        autocomplete="off" autocorrect="off" spellcheck="false">
+      <input dir="auto" placeholder="{{ 'Search for block, transaction or address' }}" [(ngModel)]="q" name="search" autocomplete="off" autocorrect="off" spellcheck="false">
     </form>
 
     <ion-buttons>
-      <button ion-button (click)="changeCurrency($event)">
-        <ion-icon name="logo-bitcoin" *ngIf="currencyProvider?.currencySymbol !== 'USD'"></ion-icon>
+      <button ion-button (click)="changeCurrency($event)" class="cn-button">
+        <ion-icon name="logo-bitcoin" *ngIf="(chainNetwork.chain === 'BTC' || chainNetwork.chain === 'BCH') && currencyProvider?.currencySymbol !== 'USD'"></ion-icon>
         <ion-icon name="logo-usd" *ngIf="currencyProvider?.currencySymbol === 'USD'"></ion-icon>
+        <img class="eth-icon" src="assets/img/ethicon.svg" *ngIf="chainNetwork.chain === 'ETH' && currencyProvider?.currencySymbol !== 'USD'" width="12">
         &nbsp;
         {{ currencyProvider?.currencySymbol }}
         &nbsp;
@@ -26,8 +26,7 @@
 
   <ion-toolbar class="mobile-searchbar" fixed [hidden]="!showSearch">
     <form (ngSubmit)="search($event)">
-      <ion-searchbar #searchbar placeholder="{{ 'Search for block, transaction or address' }}" [(ngModel)]="q"
-        name="search"></ion-searchbar>
+      <ion-searchbar #searchbar placeholder="{{ 'Search for block, transaction or address' }}" [(ngModel)]="q" name="search"></ion-searchbar>
     </form>
   </ion-toolbar>
 </ion-header>
diff --git a/packages/insight/src/components/head-nav/head-nav.scss b/packages/insight/src/components/head-nav/head-nav.scss
@@ -62,4 +62,10 @@ head-nav {
       display: none;
     }
   }
+  .cn-button:hover,
+  .cn-button:focus {
+    img{
+      filter:  invert(100%) contrast(44%);
+    }
+  }
 }