From 1537cdf869913714c3f85b9f52e0db54cd939dfc Mon Sep 17 00:00:00 2001
From: raclim <43053081+raclim@users.noreply.github.com>
Date: Tue, 2 Sep 2025 20:19:16 -0400
Subject: [PATCH 1/2] add donate widget to index.js
---
client/index.jsx | 23 +++++++++++++++++++++++
1 file changed, 23 insertions(+)
diff --git a/client/index.jsx b/client/index.jsx
index 0c1ca04082..3e02a15723 100644
--- a/client/index.jsx
+++ b/client/index.jsx
@@ -34,6 +34,29 @@ const script = document.createElement('script');
script.src = 'https://foundation-donate-banner.netlify.app/static/js/main.js';
document.body.appendChild(script);
+const buttonScript = document.createElement('script');
+buttonScript.type = 'text/javascript';
+buttonScript.defer = true;
+buttonScript.id = 'donorbox-popup-button-installer';
+buttonScript.src = 'https://donorbox.org/install-popup-button.js';
+
+buttonScript.setAttribute(
+ 'data-href',
+ 'https://donorbox.org/back-to-school-805292'
+);
+buttonScript.setAttribute(
+ 'data-style',
+ // eslint-disable-next-line max-len
+ 'background: #f1678e; color: #fff; text-decoration: none; font-family: Verdana, sans-serif; display: flex; gap: 8px; width: fit-content; font-size: 16px; border-radius: 0 0 5px 5px; line-height: 24px; position: fixed; top: 50%; transform-origin: center; z-index: 9999; overflow: hidden; padding: 8px 22px 8px 18px; right: 20px; left: auto; transform: translate(50%, -50%) rotate(90deg)'
+);
+buttonScript.setAttribute('data-button-cta', 'Donate');
+buttonScript.setAttribute(
+ 'data-img-src',
+ 'https://donorbox.org/images/white_logo.svg'
+);
+
+document.body.appendChild(buttonScript);
+
const App = () => (
From cf23225feeb5cab7ef1dff4426a33011a47f8e39 Mon Sep 17 00:00:00 2001
From: raclim <43053081+raclim@users.noreply.github.com>
Date: Tue, 2 Sep 2025 21:08:35 -0400
Subject: [PATCH 2/2] widget is not visible in fullscreen mode
---
client/index.jsx | 42 ++++++++++++++++++++++--------------------
1 file changed, 22 insertions(+), 20 deletions(-)
diff --git a/client/index.jsx b/client/index.jsx
index 3e02a15723..f050230c7b 100644
--- a/client/index.jsx
+++ b/client/index.jsx
@@ -34,28 +34,30 @@ const script = document.createElement('script');
script.src = 'https://foundation-donate-banner.netlify.app/static/js/main.js';
document.body.appendChild(script);
-const buttonScript = document.createElement('script');
-buttonScript.type = 'text/javascript';
-buttonScript.defer = true;
-buttonScript.id = 'donorbox-popup-button-installer';
-buttonScript.src = 'https://donorbox.org/install-popup-button.js';
+if (window.location.href.indexOf('full') === -1) {
+ const buttonScript = document.createElement('script');
+ buttonScript.type = 'text/javascript';
+ buttonScript.defer = true;
+ buttonScript.id = 'donorbox-popup-button-installer';
+ buttonScript.src = 'https://donorbox.org/install-popup-button.js';
-buttonScript.setAttribute(
- 'data-href',
- 'https://donorbox.org/back-to-school-805292'
-);
-buttonScript.setAttribute(
- 'data-style',
- // eslint-disable-next-line max-len
- 'background: #f1678e; color: #fff; text-decoration: none; font-family: Verdana, sans-serif; display: flex; gap: 8px; width: fit-content; font-size: 16px; border-radius: 0 0 5px 5px; line-height: 24px; position: fixed; top: 50%; transform-origin: center; z-index: 9999; overflow: hidden; padding: 8px 22px 8px 18px; right: 20px; left: auto; transform: translate(50%, -50%) rotate(90deg)'
-);
-buttonScript.setAttribute('data-button-cta', 'Donate');
-buttonScript.setAttribute(
- 'data-img-src',
- 'https://donorbox.org/images/white_logo.svg'
-);
+ buttonScript.setAttribute(
+ 'data-href',
+ 'https://donorbox.org/back-to-school-805292'
+ );
+ buttonScript.setAttribute(
+ 'data-style',
+ // eslint-disable-next-line max-len
+ 'background: #f1678e; color: #fff; text-decoration: none; font-family: Verdana, sans-serif; display: flex; gap: 8px; width: fit-content; font-size: 16px; border-radius: 0 0 5px 5px; line-height: 24px; position: fixed; top: 50%; transform-origin: center; z-index: 9999; overflow: hidden; padding: 8px 22px 8px 18px; right: 20px; left: auto; transform: translate(50%, -50%) rotate(90deg)'
+ );
+ buttonScript.setAttribute('data-button-cta', 'Donate');
+ buttonScript.setAttribute(
+ 'data-img-src',
+ 'https://donorbox.org/images/white_logo.svg'
+ );
-document.body.appendChild(buttonScript);
+ document.body.appendChild(buttonScript);
+}
const App = () => (