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 = () => (