From 380f841768ad22fcc21c13cf0a480b145159eaac Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Fri, 17 Mar 2023 00:19:59 +0000
Subject: [PATCH] feat: hide patron

---
 src/components/common/PatronButton.tsx | 8 ++++++--
 src/components/common/Reactions.tsx    | 2 +-
 src/components/site/SiteHeader.tsx     | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/common/PatronButton.tsx b/src/components/common/PatronButton.tsx
index 651f7088..8f1a5a6f 100644
--- a/src/components/common/PatronButton.tsx
+++ b/src/components/common/PatronButton.tsx
@@ -24,8 +24,12 @@ export const PatronButton: React.FC<{
         className={cn(className, "-mx-2 text-red-400")}
         onClick={() => setOpen(true)}
       >
-        <i className="i-mingcute:heart-fill text-red-400 text-xl -mb-[1px]" />
-        <span className="text-zinc-500 ml-1">{t("Patron")}</span>
+        <span className="inline-flex items-center">
+          <i className="text-red-400 text-xl inline-flex items-center">
+            <i className="i-mingcute:heart-fill inline-block" />
+          </i>
+          <span className="text-zinc-500 ml-1">{t("Patron")}</span>
+        </span>
       </Button>
     </>
   )
diff --git a/src/components/common/Reactions.tsx b/src/components/common/Reactions.tsx
index 78b693e5..fafc2bd2 100644
--- a/src/components/common/Reactions.tsx
+++ b/src/components/common/Reactions.tsx
@@ -273,7 +273,7 @@ export const Reactions: React.FC<{
           )}
         </div>
         {size !== "sm" && (
-          <div className="xlog-reactions-tip flex items-center">
+          <div className="xlog-reactions-tip flex items-center opacity-0 pointer-events-none">
             <Button
               variant="tip"
               className={`flex items-center mr-2 ${
diff --git a/src/components/site/SiteHeader.tsx b/src/components/site/SiteHeader.tsx
index 28f661c4..d8e4b2c5 100644
--- a/src/components/site/SiteHeader.tsx
+++ b/src/components/site/SiteHeader.tsx
@@ -286,7 +286,7 @@ export const SiteHeader: React.FC<{
                 <span className="xlog-site-follow-count block sm:inline-block whitespace-nowrap">
                   <FollowingCount siteId={site?.username} />
                 </span>
-                <span className="xlog-site-patron">
+                <span className="xlog-site-patron opacity-0 pointer-events-none">
                   <PatronButton site={site} />
                 </span>
               </div>