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",