Hide floating donate button on the donation page (#4345)

The user is already on the page we are linking to and it's easy to mistake it for the form submit button.
owid · Dec 20, 2024 · 286627f · 286627f
1 parent 3fe21f5
commit 286627f
Showing 1 changed file with 11 additions and 8 deletions.
diff --git a/site/SiteTools.tsx b/site/SiteTools.tsx
@@ -16,21 +16,24 @@ const SITE_TOOLS_CLASS = "site-tools"
 
 const SiteTools = () => {
     const scrollDirection = useScrollDirection()
+    const isDonatePage = window.location.pathname === "/donate"
 
     return (
         <div
             className={cx("hide-wrapper", {
                 hide: scrollDirection === ScrollDirection.Down,
             })}
         >
-            <a
-                className="prompt prompt-donate"
-                data-track-note="page_open_donate"
-                href="/donate"
-            >
-                <FontAwesomeIcon icon={faHeart} />
-                Donate
-            </a>
+            {!isDonatePage && (
+                <a
+                    className="prompt prompt-donate"
+                    data-track-note="page_open_donate"
+                    href="/donate"
+                >
+                    <FontAwesomeIcon icon={faHeart} />
+                    Donate
+                </a>
+            )}
             {/* <NewsletterSubscription
                 context={NewsletterSubscriptionContext.Floating}
             /> */}