From abdb6244d3b9665effc71607565efc1f140b985f Mon Sep 17 00:00:00 2001
From: CuriousMagpie <eilatan@gmail.com>
Date: Tue, 6 Sep 2022 17:06:19 -0400
Subject: [PATCH] updates: add comments to success modal to flag issues

---
 .../src/components/payments/successModal.vue      | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/website/client/src/components/payments/successModal.vue b/website/client/src/components/payments/successModal.vue
index 98b71c63a9..8398653006 100644
--- a/website/client/src/components/payments/successModal.vue
+++ b/website/client/src/components/payments/successModal.vue
@@ -5,6 +5,9 @@
     :hide-footer="isFromBalance"
     :modal-class="isFromBalance ? ['modal-hidden-footer'] : []"
   >
+    <!-- there are basically 3 footer conditions: isFromBalance, groupPlanUpgraded, & everyone else
+     was trying to make that work with a separate footer for groupPlanUpgraded
+    but that's not working-->
     <div slot="modal-header">
       <div class="check-container d-flex align-items-center justify-content-center">
         <div
@@ -17,7 +20,8 @@
     </div>
     <div slot="modal-footer">
       <div
-        v-if="!paymentData.paymentType === 'groupPlan' && !paymentData.newGroup"
+        v-if="!paymentData.paymentType === 'groupPlan'
+          && !groupPlanUpgraded"
         class="small-text"
       >
         {{ $t('giftSubscriptionText4') }}
@@ -26,6 +30,7 @@
         v-else
         class="demographics"
       >
+      <!-- lockable label needs to be centered -->
         <lockable-label
           :text="$t('groupUse')"
           class="demo-label"
@@ -44,6 +49,7 @@
           :value="groupPlanUpgraded.demographics"
           @select="groupPlanUpgraded.demographics = $event"
         />
+        <!-- need to add correct :disabled value here 'cause this one ain't working -->
         <button
           v-if="!paymentData.newGroup"
           class="btn btn-primary"
@@ -123,7 +129,10 @@
               >{{ $t('groupsPaymentAutoRenew') }}
               </span>
             </div>
-<!--             <div class="demographics">
+          <!-- this is the demographics code if needed to move back down here from footer
+            this was working BUT I couldn't get the CSS working which is why I moved it to footer
+          <div class="demographics">
+              lockable label needs to be centered
               <lockable-label
                 :text="$t('groupUse')"
               />
@@ -141,6 +150,7 @@
                 :value="groupPlanUpgraded.demographics"
                 @select="groupPlanUpgraded.demographics = $event"
               />
+              need to add correct :disabled value here 'cause this one ain't working
               <button
                 v-if="!paymentData.newGroup"
                 class="btn btn-primary"
@@ -363,6 +373,7 @@ export default {
       this.paymentData = {};
       this.$root.$emit('bv::hide::modal', 'payments-success-modal');
     },
+    // how is amplitude formed?
   },
 };
 </script>