payments success state: add note about auto renewal

HabitRPG · Mar 14, 2019 · 994082a · 994082a
1 parent 0e6e7ad
commit 994082a
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/website/client/components/payments/successModal.vue b/website/client/components/payments/successModal.vue
@@ -33,6 +33,8 @@
           span(v-html="$t(paymentData.newGroup ? 'groupPlanCreated' : 'groupPlanUpgraded', {groupName: paymentData.group.name})")
           .details-block
             span(v-html="$t('paymentSubBilling', {amount: groupPlanCost, months: paymentData.subscription.months})")
+        template(v-if="paymentData.paymentType === 'groupPlan' || paymentData.paymentType === 'subscription'")
+          span.small-text.auto-renew(v-once) {{ $t('paymentAutoRenew') }}
         button.btn.btn-primary(@click='close()', v-once) {{$t('onwards')}}
 </template>
 
@@ -116,6 +118,12 @@
       }
     }
   }
+
+  .auto-renew {
+    margin-top: 16px;
+    color: $orange-10;
+    font-style: normal;
+  }
 }
 
 #payments-success-modal .modal-footer {

diff --git a/website/common/locales/en/npc.json b/website/common/locales/en/npc.json
@@ -120,6 +120,7 @@
   "paymentYouSentGems": "You sent <strong><%= name %></strong>:",
   "paymentYouSentSubscription": "You sent <strong><%= name %></strong> a <%= months %>-months Habitica subscription.",
   "paymentSubBilling": "Your subscription will be billed <strong>$<%= amount %></strong> every <strong><%= months %> months</strong>.",
+  "paymentAutoRenew": "This subscription will auto-renew until it is canceled. If you need to cancel this subscription, you can do so from your settings.",
   "success": "Success!",
 
   "classGear": "Class Gear",