diff --git a/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html index 04b76055c..b9a176055 100644 --- a/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html +++ b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.html @@ -402,12 +402,16 @@ } @if (canPayWithApplePay) { - @if (canPayWithCashapp) {
} - + @if (canPayWithCashapp) { } +
+ +
} @if (canPayWithGooglePay) { - @if (canPayWithCashapp || canPayWithApplePay) {
} - + @if (canPayWithCashapp || canPayWithApplePay) { } +
+ +
} } @@ -467,11 +471,11 @@
@if (step === 'applepay') { -
+
} @else if (step === 'cashapp') { -
+
} @else if (step === 'googlepay') { -
+
} @if (loadingCashapp || loadingApplePay || loadingGooglePay) {
diff --git a/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts index d9f270111..624df2ca3 100644 --- a/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts +++ b/frontend/src/app/components/accelerate-checkout/accelerate-checkout.component.ts @@ -575,7 +575,7 @@ export class AccelerateCheckout implements OnInit, OnDestroy { await this.googlePay.attach(`#google-pay-button`, { buttonType: 'pay', - onClick: (e) => { console.log(e); } + buttonSizeMode: 'fill', }); this.loadingGooglePay = false; @@ -664,7 +664,7 @@ export class AccelerateCheckout implements OnInit, OnDestroy { referenceId: `accelerator-${this.tx.txid.substring(0, 15)}-${Math.round(new Date().getTime() / 1000)}` }); - await this.cashAppPay.attach(`#cash-app-pay`, { theme: 'light', size: 'small', shape: 'semiround' }); + await this.cashAppPay.attach(`#cash-app-pay`, { theme: 'dark' }); this.loadingCashapp = false; this.cashAppPay.addEventListener('ontokenization', event => { diff --git a/frontend/src/resources/apple-pay.png b/frontend/src/resources/apple-pay.png new file mode 100644 index 000000000..3c446c698 Binary files /dev/null and b/frontend/src/resources/apple-pay.png differ diff --git a/frontend/src/resources/apple-pay.svg b/frontend/src/resources/apple-pay.svg deleted file mode 100755 index 0c6ecafef..000000000 --- a/frontend/src/resources/apple-pay.svg +++ /dev/null @@ -1,84 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - diff --git a/frontend/src/resources/google-pay.png b/frontend/src/resources/google-pay.png index 77b6a6574..a44046d37 100644 Binary files a/frontend/src/resources/google-pay.png and b/frontend/src/resources/google-pay.png differ