diff --git a/website/client/src/components/payments/buyGemsModal.vue b/website/client/src/components/payments/buyGemsModal.vue
index 02ebfe31ac..53647ebff8 100644
--- a/website/client/src/components/payments/buyGemsModal.vue
+++ b/website/client/src/components/payments/buyGemsModal.vue
@@ -161,6 +161,19 @@
})"
:amazon-data="{type: 'single', gemsBlock: selectedGemsBlock}"
/>
+
+
{{ $t('howItWorks') }}
+
+ {{ $t('gemSaleHow', { eventStartMonth, eventStartOrdinal, eventEndOrdinal }) }}
+
+ {{ $t('limitations') }}
+
+ {{ $t('gemSaleLimitations', { eventStartMonth, eventStartOrdinal, eventEndOrdinal }) }}
+
+
@@ -170,6 +183,13 @@
@import '~@/assets/scss/colors.scss';
#buy-gems {
+ small {
+ color: $gray-100;
+ font-size: 12px;
+ margin-left: 20px;
+ margin-right: 20px;
+ }
+
.close-icon svg path {
stroke: $purple-400;
}
@@ -415,6 +435,15 @@ export default {
}
return '';
},
+ eventStartMonth () {
+ return moment(this.currentEvent.start).format('MMMM');
+ },
+ eventStartOrdinal () {
+ return moment(this.currentEvent.start).format('Do');
+ },
+ eventEndOrdinal () {
+ return moment(this.currentEvent.end).format('Do');
+ },
isGemsPromoActive () {
const currEvt = this.currentEvent;
if (currEvt && currEvt.gemsPromo && moment().isBefore(currEvt.end)) {
diff --git a/website/common/locales/en/limited.json b/website/common/locales/en/limited.json
index 5d16659a7f..658227ca49 100644
--- a/website/common/locales/en/limited.json
+++ b/website/common/locales/en/limited.json
@@ -230,5 +230,7 @@
"g1g1HowItWorks": "Type in the username of the account you’d like to gift to. From there, pick the sub length you’d like to gift and check out. Your account will automatically be rewarded with the same level of subscription you just gifted.",
"limitations": "Limitations",
"g1g1Limitations": "This is a limited time event that starts on December 16th at 8:00 AM ET (13:00 UTC) and will end January 6th at 8:00 PM ET (1:00 UTC). This promotion only applies when you gift to another Habitican. If you or your gift recipient already have a subscription, the gifted subscription will add months of credit that will only be used after the current subscription is canceled or expires.",
- "noLongerAvailable": "This item is no longer available."
+ "noLongerAvailable": "This item is no longer available.",
+ "gemSaleHow": "Between <%= eventStartMonth %> <%= eventStartOrdinal %> and <%= eventEndOrdinal %>, simply purchase any Gem bundle like usual and your account will be credited with the promotional amount of Gems. More Gems to spend, share, or save for any future releases!",
+ "gemSaleLimitations": "This promotion only applies during the limited time event. This event starts on <%= eventStartMonth %> <%= eventStartOrdinal %> at 8:00 AM EDT (12:00 UTC) and will end <%= eventStartMonth %> <%= eventEndOrdinal %> at 8:00 PM EDT (00:00 UTC). The promo offer is only available when buying Gems for yourself."
}