From 91f3110584ab66bbda46bac6402282ecce9b0098 Mon Sep 17 00:00:00 2001
From: Jon Ziebell <ziebelje@gmail.com>
Date: Fri, 17 Nov 2023 19:24:00 -0500
Subject: [PATCH] Fixed #400 - Clicking "Continue to Payment" can result in
 runaway API calls

---
 js/component/card/contribute.js | 36 ++++++++++++++++++++-------------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/js/component/card/contribute.js b/js/component/card/contribute.js
index d41493d..3f9189b 100644
--- a/js/component/card/contribute.js
+++ b/js/component/card/contribute.js
@@ -280,26 +280,35 @@ beestat.component.card.contribute.prototype.decorate_contents_ = function(parent
     parent.appendChild($(button_container));
 
     const continue_tile = new beestat.component.tile()
-      .set_background_color(beestat.style.color.green.base)
-      .set_background_hover_color(beestat.style.color.green.light)
-      .set_text_color('#fff')
       .set_size('large')
       .set_icon('credit_card_lock')
       .set_text('Continue to Payment');
-    continue_tile.addEventListener('click', function() {
-      self.state_.stripe_connecting = true;
 
-      this
+    if (this.state_.stripe_connecting === true) {
+      continue_tile
         .set_background_color(beestat.style.color.gray.base)
-        .set_background_hover_color()
-        .removeEventListener('click');
+        .set_background_hover_color();
+    } else {
+      continue_tile
+        .set_background_color(beestat.style.color.green.base)
+        .set_background_hover_color(beestat.style.color.green.light)
+        .set_text_color('#fff');
 
-      window.open('api/?resource=stripe_payment_link&method=open&arguments={"attributes":{"amount":' + (contribute_amount * 100) + ',"currency":"' + beestat.setting('units.currency') + '","interval":"' + contribute_interval + '"}}&api_key=' + window.beestat_api_key_local);
+      continue_tile.addEventListener('click', function() {
+        self.state_.stripe_connecting = true;
 
-      setTimeout(function() {
-        self.rerender();
-      }, 5000);
-    });
+        this
+          .set_background_color(beestat.style.color.gray.base)
+          .set_background_hover_color()
+          .removeEventListener('click');
+
+        window.open('api/?resource=stripe_payment_link&method=open&arguments={"attributes":{"amount":' + (contribute_amount * 100) + ',"currency":"' + beestat.setting('units.currency') + '","interval":"' + contribute_interval + '"}}&api_key=' + window.beestat_api_key_local);
+
+        setTimeout(function() {
+          self.rerender();
+        }, 5000);
+      });
+    }
 
     continue_tile.render($(button_container));
 
@@ -312,7 +321,6 @@ beestat.component.card.contribute.prototype.decorate_contents_ = function(parent
 
       window.setTimeout(function() {
         api_call.send();
-        self.rerender();
       }, 5000);
     }
   }