From 7e4fed89b1acc775541b9a9f35fc774de2f95509 Mon Sep 17 00:00:00 2001
From: Debjit Biswas <debjit@fastmail.fm>
Date: Sun, 1 Dec 2024 10:18:56 +0530
Subject: [PATCH] fix: New donate button

---
 src/components/Header.astro | 11 +++++------
 src/icons/sponsor.svg       |  1 +
 src/pages/donate.astro      |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)
 create mode 100644 src/icons/sponsor.svg

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 232a2c2..7fedb27 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,14 +1,13 @@
 ---
 import HandHoldingHeartIcon from '../icons/hand-holding-heart.svg?raw';
+import SponsorIcon from '../icons/sponsor.svg?raw';
 import LockIcon from '../icons/lock.svg?raw';
 import MenuIcon from '../icons/menu.svg?raw';
 import RegularDockLeftIcon from '../icons/regular-dock-left.svg?raw';
 import SolidDockLeftIcon from '../icons/solid-dock-left.svg?raw';
 import RegularDockRightIcon from '../icons/regular-dock-right.svg?raw';
 import SolidDockRightIcon from '../icons/solid-dock-right.svg?raw';
-import Logo from '../icons/logo.svg?raw';
 import LogoWithBackground from '../icons/logo-with-green-background.svg?raw';
-import FAQs from './FAQs.astro';
 import ThemeSwitcher from './ThemeSwitcher.astro';
 import {Actions} from './Actions.jsx';
 import {FileActions} from './FileActions.jsx';
@@ -107,9 +106,9 @@ const avatarUrl = user?.user_metadata?.avatar_url || '/default-avatar.png'; // D
                     class="bmc-btn"
                     href="/donate"
                 >
-                    <span>
-                        <Fragment set:html={HandHoldingHeartIcon}/>
-                    </span> <span class="hidden md:inline bmc-btn-text">Donate</span>
+                    <span class="text-red-foreground">
+                        <Fragment set:html={SponsorIcon}/>
+                    </span> <span class="hidden md:inline bmc-btn-text">Contribute</span>
                 </a>
                 <button
                     x-data="unlockPlusButton"
@@ -174,7 +173,7 @@ const avatarUrl = user?.user_metadata?.avatar_url || '/default-avatar.png'; // D
 
 <style>
     .bmc-btn {
-        @apply h-8 py-4 px-4 hidden md:flex items-center gap-2 rounded-lg text-sm bg-transparent box-border text-terminal border-2 border-terminal border-opacity-20 hover:border-opacity-100;
+        @apply h-8 py-4 px-4 hidden md:flex items-center gap-2 rounded-lg text-sm bg-transparent box-border text-secondary-foreground hover:text-active-foreground border border-yellow-foreground border-opacity-20 hover:border-opacity-100;
         /* font-family: 'Inter', sans-serif !important; */
         font-weight: bold;
         position: relative;
diff --git a/src/icons/sponsor.svg b/src/icons/sponsor.svg
new file mode 100644
index 0000000..5132ff8
--- /dev/null
+++ b/src/icons/sponsor.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 16 16" width="16" height="16" class="sponsor-heart" aria-hidden="true" style="color: currentColor; fill: currentColor;"><path d="m8 14.25.345.666a.75.75 0 0 1-.69 0l-.008-.004-.018-.01a7.152 7.152 0 0 1-.31-.17 22.055 22.055 0 0 1-3.434-2.414C2.045 10.731 0 8.35 0 5.5 0 2.836 2.086 1 4.25 1 5.797 1 7.153 1.802 8 3.02 8.847 1.802 10.203 1 11.75 1 13.914 1 16 2.836 16 5.5c0 2.85-2.045 5.231-3.885 6.818a22.066 22.066 0 0 1-3.744 2.584l-.018.01-.006.003h-.002ZM4.25 2.5c-1.336 0-2.75 1.164-2.75 3 0 2.15 1.58 4.144 3.365 5.682A20.58 20.58 0 0 0 8 13.393a20.58 20.58 0 0 0 3.135-2.211C12.92 9.644 14.5 7.65 14.5 5.5c0-1.836-1.414-3-2.75-3-1.373 0-2.609.986-3.029 2.456a.749.749 0 0 1-1.442 0C6.859 3.486 5.623 2.5 4.25 2.5Z"></path></svg>
diff --git a/src/pages/donate.astro b/src/pages/donate.astro
index 1c31122..bc4152f 100644
--- a/src/pages/donate.astro
+++ b/src/pages/donate.astro
@@ -35,7 +35,7 @@ Sim8085 is designed and maintained by a <a href="https://www.debjitbiswas.com">s
         </p>
 
         <p class="mb-6 text-lg leading-relaxed">
-            If you’re unable to donate, there are other ways to show your support:
+            <span class="underline underline-offset-4">If you’re unable to donate</span>, there are other ways to show your support:
         </p>
 
             <div class="text-lg">