Make subscribe buttons identical

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;

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 (