diff --git a/website/client/components/payments/sendGemsModal.vue b/website/client/components/payments/sendGemsModal.vue index cb27fefcd2..a1f419fd63 100644 --- a/website/client/components/payments/sendGemsModal.vue +++ b/website/client/components/payments/sendGemsModal.vue @@ -155,17 +155,19 @@ export default { gemAmount: this.gift.gems.amount, }); this.close(); - this.$root.$emit('habitica:payment-success', { - paymentMethod: 'balance', - paymentCompleted: true, - paymentType: 'gift-gems-balance', - gift: { - gems: { - amount: this.gift.gems.amount, + setTimeout(() => { // wait for the send gem modal to be closed + this.$root.$emit('habitica:payment-success', { + paymentMethod: 'balance', + paymentCompleted: true, + paymentType: 'gift-gems-balance', + gift: { + gems: { + amount: this.gift.gems.amount, + }, }, - }, - giftReceiver: this.receiverName, - }); + giftReceiver: this.receiverName, + }); + }, 500); }, onHide () { // @TODO this breaks amazon purchases because when the amazon modal diff --git a/website/client/components/payments/successModal.vue b/website/client/components/payments/successModal.vue index f85d3e41a4..41c7f64554 100644 --- a/website/client/components/payments/successModal.vue +++ b/website/client/components/payments/successModal.vue @@ -14,7 +14,7 @@ .row .col-12.modal-body-col template(v-if="paymentData.paymentType === 'gems'") - span(v-once) {{ $t('paymentYouReceived') }} + strong(v-once) {{ $t('paymentYouReceived') }} .details-block.gems .svg-icon(v-html="icons.gem", v-once) span 20 @@ -55,6 +55,8 @@ background: $green-10; border-top-right-radius: 8px; border-top-left-radius: 8px; + border-bottom: none; + h2 { color: white; } @@ -121,6 +123,7 @@ border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; justify-content: center; + border-top: none; .small-text { font-style: normal; diff --git a/website/common/locales/en/npc.json b/website/common/locales/en/npc.json index 5cfbc75f28..3807b3fc1e 100644 --- a/website/common/locales/en/npc.json +++ b/website/common/locales/en/npc.json @@ -119,7 +119,7 @@ "paymentYouReceived": "You received:", "paymentYouSentGems": "You sent <%= name %>:", "paymentYouSentSubscription": "You sent <%= name %> a <%= months %>-months Habitica subscription.", - "paymentSubBilling": "Your subscription will be billed <%= amount %>$ every <%= months %> months.", + "paymentSubBilling": "Your subscription will be billed $<%= amount %> every <%= months %> months.", "success": "Success!", "classGear": "Class Gear",