feat(event): one more banner

website/client/src/components/settings/subscription.vue

@@ -113,7 +113,6 @@
           </div>
           <div
             v-else
-            v-once
             class="w-55 text-center"
             v-html="$t('paymentSubBillingWithMethod', {
               amount: purchasedPlanIdInfo.price,
@@ -144,7 +143,6 @@
           </div>
           <div
             v-else
-            v-once
             class="svg-icon"
             :class="paymentMethodLogo.class"
             v-html="paymentMethodLogo.icon"
@@ -152,7 +150,6 @@
           </div>
           <div
             v-if="purchasedPlanExtraMonthsDetails.months > 0"
-            v-once
             class="extra-months green-10 py-2 px-3 mt-4"
             v-html="$t('purchasedPlanExtraMonths',
                        {months: purchasedPlanExtraMonthsDetails.months})"
@@ -174,7 +171,6 @@
             {{ $t('subscriptionCanceled') }}
           </h2>
           <div
-            v-once
             class="w-75 text-center mb-4"
             v-html="$t('subscriptionInactiveDate', {date: subscriptionEndDate})"
           >
@@ -269,13 +265,11 @@
         </div>
         <div
           v-if="!hasGroupPlan && !canCancelSubscription"
-          v-once
           v-html="$t(`cancelSubInfo${user.purchased.plan.paymentMethod}`)"
         >
         </div>
         <div
           v-if="canCancelSubscription"
-          v-once
           v-html="$t('cancelSubAlternatives')"
         >
         </div>
@@ -289,43 +283,22 @@
         </div>
       </div>
     </div>
-    <div class="d-flex justify-content-center align-items-start">
-      <div class="d-flex flex-column align-items-center mt-4">
-        <div
-          v-once
-          class="svg-icon svg-gift-box m-auto"
-          v-html="icons.giftBox"
-        >
-        </div>
-        <div class="muted mx-auto mt-3 mb-1">
-          {{ $t('giftSubscription') }}
-        </div>
-        <a
-          class="mx-auto"
-          @click="showSelectUser()"
-        >
-          {{ $t('giftASubscription') }}
-        </a>
-      </div>
+    <div class="d-flex flex-column align-items-center mt-4">
       <div
-        v-if="currentEvent && currentEvent.promo && currentEvent.promo === 'g1g1'"
-        class="m-5"
+        v-once
+        class="svg-icon svg-gift-box m-auto"
+        v-html="icons.giftBox"
       >
       </div>
-      <div
-        v-if="currentEvent && currentEvent.promo && currentEvent.promo === 'g1g1'"
-        class="ml-5 mt-3"
-      >
-        <h2 v-once>
-          {{ $t('winterPromoGiftHeader') }}
-        </h2>
-        <p v-once>
-          {{ $t('winterPromoGiftDetails1') }}
-        </p>
-        <p v-once>
-          {{ $t('winterPromoGiftDetails2') }}
-        </p>
+      <div class="muted mx-auto mt-3 mb-1">
+        {{ $t('giftSubscription') }}
       </div>
+      <a
+        class="mx-auto"
+        @click="showSelectUser()"
+      >
+        {{ $t('giftASubscription') }}
+      </a>
     </div>
   </div>
 </template>
@@ -624,11 +597,7 @@ export default {
     };
   },
   computed: {
-    ...mapState({
-      user: 'user.data',
-      credentials: 'credentials',
-      currentEvent: 'worldState.data.currentEvent',
-    }),
+    ...mapState({ user: 'user.data', credentials: 'credentials' }),
     purchasedPlanIdInfo () {
       if (!this.subscriptionBlocks[this.user.purchased.plan.planId]) {
         // @TODO: find which subs are in the common