Merge pull request #11753 from JohnathanWhite/feat/update-ltc-logo

[FEAT] update LTC branding
bitpay · Jul 26, 2021 · 631b15f · 631b15f
2 parents f59d2a0 + 6c6e84a
commit 631b15f
Show file tree

Hide file tree

Showing 8 changed files with 29 additions and 26 deletions.
diff --git a/src/app/app.scss b/src/app/app.scss
@@ -324,7 +324,7 @@ ion-spinner * {
 }
 
 .ltc-background {
-  background-color: #2962ff;
+  background-color: #a6a9aa;
 }
 
 button.item {

diff --git a/src/assets/img/currencies/ltc.svg b/src/assets/img/currencies/ltc.svg
diff --git a/src/assets/img/currencies/testnet/ltc.svg b/src/assets/img/currencies/testnet/ltc.svg
diff --git a/src/assets/img/icon-ltc-small.svg b/src/assets/img/icon-ltc-small.svg
diff --git a/src/components/coin-icon/coin-icon.html b/src/components/coin-icon/coin-icon.html
@@ -1,19 +1,4 @@
-<ion-icon *ngIf="coin && coin !== 'default'" class="item-img rectangle" [ngClass]="{ 
-'background_btc': coin == 'btc',
-'background_bch': coin == 'bch',
-'background_eth': coin == 'eth',
-'background_xrp': coin == 'xrp',
-'background_usdc': coin == 'usdc',
-'background_pax': coin == 'pax',
-'background_gusd': coin == 'gusd',
-'background_busd': coin == 'busd',
-'background_dai': coin == 'dai',
-'background_wbtc': coin == 'wbtc',
-'background_doge': coin == 'doge',
-'background_ltc': coin == 'ltc',
-'testnet': network === 'testnet'
-}" item-start>
-  <img src="assets/img/currencies/{{coin}}.svg" />
+<ion-icon *ngIf="coin && coin !== 'default'" class="item-img rectangle background_{{coin}}" [ngClass]="{'testnet': network === 'testnet'}" item-start>
+  <img [src]="assetUrl" />
 </ion-icon>
-
-<ion-icon *ngIf="coin ==='default'" name="logo-usd" color="success" class="item-img rectangle background_default" item-start></ion-icon>
+<ion-icon *ngIf="coin ==='default'" name="logo-usd" color="success" class="item-img rectangle background_default" item-start></ion-icon>
diff --git a/src/components/coin-icon/coin-icon.scss b/src/components/coin-icon/coin-icon.scss
@@ -48,7 +48,7 @@ coin-icon {
         background-color: #d8c172;
       }
       &_ltc {
-        background-color: #2962ff;
+        background-color: #a6a9aa;
       }
       &_default {
         background-color: #e6f8e9;

diff --git a/src/components/coin-icon/coin-icon.ts b/src/components/coin-icon/coin-icon.ts
@@ -1,14 +1,22 @@
-import { Component, Input } from '@angular/core';
+import { Component, Input, OnInit } from '@angular/core';
 
 @Component({
   selector: 'coin-icon',
   templateUrl: 'coin-icon.html'
 })
-export class CoinIconComponent {
+export class CoinIconComponent implements OnInit {
   @Input()
   coin: string;
   @Input()
   network: string;
 
-  constructor() {}
+  public assetUrl = 'assets/img/currencies/';
+
+  ngOnInit() {
+    if (this.network === 'testnet' && ['ltc'].includes(this.coin)) {
+      this.assetUrl += 'testnet/';
+    }
+
+    this.assetUrl += `${this.coin}.svg`;
+  }
 }
diff --git a/src/theme/lists.scss b/src/theme/lists.scss
@@ -98,7 +98,7 @@
           background-color: #d8c172;
         }
         &_ltc {
-          background-color: #2962ff;
+          background-color: #a6a9aa;
         }
       }
     }
-Original file line number
+Diff line change
@@ Expand Up / @@ -98,7 +98,7 @@ @@
               background-color: #d8c172;
             }
             &_ltc {
-              background-color: #2962ff;
+              background-color: #a6a9aa;
             }
           }
         }
@@ Expand Down @@