From 154807d4bed2e0826404495079b7f2372ea0d95e Mon Sep 17 00:00:00 2001
From: kvakazyambra <kvakazyambra@gmail.com>
Date: Mon, 6 Nov 2023 22:45:10 +0300
Subject: [PATCH] Make subscribe buttons identical

---
 .../Author/AuthorCard/AuthorCard.module.scss         | 12 ++++++++++++
 src/components/Author/AuthorCard/AuthorCard.tsx      | 10 +++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/Author/AuthorCard/AuthorCard.module.scss b/src/components/Author/AuthorCard/AuthorCard.module.scss
index eafc1e4a..7c121bf7 100644
--- a/src/components/Author/AuthorCard/AuthorCard.module.scss
+++ b/src/components/Author/AuthorCard/AuthorCard.module.scss
@@ -103,6 +103,14 @@
       .icon img {
         filter: invert(0);
       }
+
+      .buttonSubscribeLabel {
+        display: none;
+      }
+
+      .buttonSubscribeLabelHovered {
+        display: block;
+      }
     }
 
     img {
@@ -110,6 +118,10 @@
     }
   }
 
+  .buttonSubscribeLabelHovered {
+    display: none;
+  }
+
   .buttonWriteMessage {
     border-radius: 0.8rem;
     padding-bottom: 0.6rem;
diff --git a/src/components/Author/AuthorCard/AuthorCard.tsx b/src/components/Author/AuthorCard/AuthorCard.tsx
index e051e9e8..f8dcc344 100644
--- a/src/components/Author/AuthorCard/AuthorCard.tsx
+++ b/src/components/Author/AuthorCard/AuthorCard.tsx
@@ -100,7 +100,15 @@ export const AuthorCard = (props: Props) => {
     if (isSubscribing()) {
       return t('subscribing...')
     }
-    return t(subscribed() ? 'Unfollow' : 'Follow')
+
+    return !subscribed() ? (
+      t('Follow')
+    ) : (
+      <>
+        <span class={styles.buttonSubscribeLabel}>{t('Following')}</span>
+        <span class={styles.buttonSubscribeLabelHovered}>{t('Unfollow')}</span>
+      </>
+    )
   }
 
   return (