From bd85f22774ae6664fa9402da7c691555873131b3 Mon Sep 17 00:00:00 2001
From: Klas Harrysson <31806893+klassare@users.noreply.github.com>
Date: Mon, 14 Nov 2022 18:07:03 +0100
Subject: [PATCH] enable transak (#256)

---
 src/app/components/modals/buy/buy.component.html   | 14 +++++++-------
 .../logged-in/account-view/buy/buy.component.ts    |  5 ++---
 src/scss/components/modals/buy.scss                |  2 +-
 3 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/app/components/modals/buy/buy.component.html b/src/app/components/modals/buy/buy.component.html
index 35b529f3..2aea0005 100644
--- a/src/app/components/modals/buy/buy.component.html
+++ b/src/app/components/modals/buy/buy.component.html
@@ -17,6 +17,13 @@ <h3>Coinbase</h3>
           <h4>Transfer from Coinbase</h4>
         </div>
       </div>
+      <div class="flex-row option" (click)="buyTez(BuyProviderType.Transak)">
+        <img src="assets/img/transak.png" />
+        <div class="text">
+          <h3>Transak</h3>
+          <h4>Bank transfers &amp; local payment methods in 120+ countries</h4>
+        </div>
+      </div>
       <div class="flex-row option" (click)="buyTez(BuyProviderType.MoonPay)">
         <img src="assets/img/moonpay.svg" />
         <div class="text">
@@ -24,13 +31,6 @@ <h3>Moonpay</h3>
           <h4>Cards &amp; bank transfers</h4>
         </div>
       </div>
-      <div class="flex-row option" (click)="buyTez(BuyProviderType.Transak)" style="display: none">
-        <img src="assets/img/transak.png" />
-        <div class="text">
-          <h3>Transak</h3>
-          <h4>Bank transfers &amp; local payment methods in 120+ countries</h4>
-        </div>
-      </div>
     </div>
   </div>
 </div>
\ No newline at end of file
diff --git a/src/app/components/views/logged-in/account-view/buy/buy.component.ts b/src/app/components/views/logged-in/account-view/buy/buy.component.ts
index b0b4906e..55409267 100644
--- a/src/app/components/views/logged-in/account-view/buy/buy.component.ts
+++ b/src/app/components/views/logged-in/account-view/buy/buy.component.ts
@@ -75,10 +75,9 @@ export class BuyComponent implements OnInit, OnDestroy {
             XTZ: { address }
           }
         };
+        const apiKey = CONSTANTS.MAINNET ? 'f1336570-699b-4181-9bd1-cdd57206981f' : '3b0e81f3-37dc-41f3-9837-bd8d2c350313';
         this.url = this.sanitizer.bypassSecurityTrustResourceUrl(
-          `https://${
-            this.dev ? 'staging-' : ''
-          }global.transak.com?apiKey=3b0e81f3-37dc-41f3-9837-bd8d2c350313&cryptoCurrencyCode=XTZ&walletAddressesData=${JSON.stringify(
+          `https://${!CONSTANTS.MAINNET ? 'staging-' : ''}global.transak.com?apiKey=${apiKey}&cryptoCurrencyCode=XTZ&walletAddressesData=${JSON.stringify(
             walletAddressesData
           )}&disableWalletAddressForm=true}`
         );
diff --git a/src/scss/components/modals/buy.scss b/src/scss/components/modals/buy.scss
index 5564c4b6..03069233 100644
--- a/src/scss/components/modals/buy.scss
+++ b/src/scss/components/modals/buy.scss
@@ -35,7 +35,7 @@
         color: v.$base-font-color-secondary;
       }
     }
-    &:nth-child(2) {
+    &:last-child {
       margin: 0 0 0 0;
     }
   }