From 736f948c5ddda682e60d3a0fd1051a8af3566bbe Mon Sep 17 00:00:00 2001
From: scanash00 <scan@scanash.com>
Date: Mon, 19 Jan 2026 05:01:46 +0000
Subject: [PATCH] add Ko-Fi (donate) button to right sidebar and make the iOS shortcut download to coming soon

---
 web/src/components/RightSidebar.jsx | 15 ++++++++++++++-
 web/src/pages/Profile.jsx | 10 ++++++----
 2 file(s) changed, 20 insertion(s)(+), 5 deletion(s)(-)

diff --git a/web/src/components/RightSidebar.jsx b/web/src/components/RightSidebar.jsx
--- a/web/src/components/RightSidebar.jsx
+++ b/web/src/components/RightSidebar.jsx
@@ -7,6 +7,7 @@
   SiGithub,
   SiBluesky,
   SiApple,
+  SiKofi,
 } from "react-icons/si";
 import { FaEdge } from "react-icons/fa";
 import { useAuth } from "../context/AuthContext";
@@ -28,7 +29,7 @@
       url: "https://margin.at/soon",
       icon: SiApple,
       name: "iOS",
-      label: "Get the Shortcut",
+      label: "Coming Soon",
     };
   }
   if (isFirefox) {
@@ -166,6 +167,18 @@
             <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
               <SiBluesky size={16} />
               Bluesky
+            </div>
+            <ExternalLink size={12} />
+          </a>
+          <a
+            href="https://ko-fi.com/scan"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="right-link"
+          >
+            <div style={{ display: "flex", alignItems: "center", gap: "8px" }}>
+              <SiKofi size={16} />
+              Donate
             </div>
             <ExternalLink size={12} />
           </a>
diff --git a/web/src/pages/Profile.jsx b/web/src/pages/Profile.jsx
--- a/web/src/pages/Profile.jsx
+++ b/web/src/pages/Profile.jsx
@@ -366,17 +366,19 @@
               Save bookmarks from Safari&apos;s share sheet.
             </p>
             <a
-              href="https://margin.at/soon"
-              target="_blank"
-              rel="noopener noreferrer"
+              href="#"
               className="btn btn-primary"
               style={{
                 display: "inline-flex",
                 alignItems: "center",
                 gap: "0.5rem",
+                opacity: 0.5,
+                pointerEvents: "none",
+                cursor: "default",
               }}
+              onClick={(e) => e.preventDefault()}
             >
-              <AppleIcon size={16} /> Download Shortcut
+              <AppleIcon size={16} /> Coming Soon
             </a>
           </div>
         </div>

--
tangled.sh