Fixed gem purchasing and error catching

website/client/components/payments/amazonModal.vue

@@ -173,6 +173,7 @@ export default {
           }).bind('AmazonPayRecurring');
         };
       } else {
+        this.$set(this, 'amazonButtonEnabled', true);
         walletParams.amazonOrderReferenceId = this.amazonPayments.orderReferenceId;
       }
 
@@ -185,21 +186,21 @@ export default {
       // @TODO: A gift should not read the same as buying gems for yourself.
       if (this.amazonPayments.type === 'single') {
         let url = '/amazon/checkout';
-        let response = await axios.post(url, {
+
+        try {
+          await axios.post(url, {
             orderReferenceId: this.amazonPayments.orderReferenceId,
             gift: this.amazonPayments.gift,
           });
 
-        if (response.status < 400) {
           this.$set(this, 'amazonButtonEnabled', true);
           this.reset();
           // @TODO: What are we syncing?
           window.location.reload(true);
-          return;
+        } catch (e) {
-        }
+          this.$set(this, 'amazonButtonEnabled', true);
-
-        alert(response.message);
           this.amazonPaymentsreset();
+        }
       } else if (this.amazonPayments.type === 'subscription') {
         let url = '/amazon/subscribe';
 
@@ -207,7 +208,8 @@ export default {
           url = '/api/v3/groups/create-plan';
         }
 
-        let response = await axios.post(url, {
+        try {
+          const response = await axios.post(url, {
             billingAgreementId: this.amazonPayments.billingAgreementId,
             subscription: this.amazonPayments.subscription,
             coupon: this.amazonPayments.coupon,
@@ -216,14 +218,6 @@ export default {
             paymentType: 'Amazon',
           });
 
-        let responseStatus = response.status;
-        if (responseStatus >= 400) {
-          this.$set(this, 'amazonButtonEnabled', true);
-          alert(`Error: ${response.message}`);
-          // @TODO: do we need this? this.amazonPaymentsreset();
-          return;
-        }
-
           this.$root.$emit('bv::hide::modal', 'amazon-payment');
 
           let newGroup = response.data.data;
@@ -241,6 +235,10 @@ export default {
 
           window.location.reload(true);
           this.reset();
+        } catch (e) {
+          this.$set(this, 'amazonButtonEnabled', true);
+          // @TODO: do we need this? this.amazonPaymentsreset();
+        }
       }
     },
     amazonOnPaymentSelect () {