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') + ) : ( + <> + {t('Following')} + {t('Unfollow')} + + ) } return (