~cytrogen/masto-fe

d29cf8a044f6c0d004649223e018d240983e8437 — Christian Schmidt 3 years ago 4d5b4da
[Glitch] Add colour to follow button when hashtag is being followed

Port 77bd32a26abbf8b49caf35dcdf170e312e48a277 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
1 files changed, 5 insertions(+), 1 deletions(-)

M app/javascript/flavours/glitch/features/hashtag_timeline/index.jsx
M app/javascript/flavours/glitch/features/hashtag_timeline/index.jsx => app/javascript/flavours/glitch/features/hashtag_timeline/index.jsx +5 -1
@@ 191,8 191,12 @@ class HashtagTimeline extends React.PureComponent {
    if (tag) {
      const following = tag.get('following');

      const classes = classNames('column-header__button', {
        active: following,
      });

      followButton = (
        <button className={classNames('column-header__button')} onClick={this.handleFollow} disabled={!signedIn} active={following} title={intl.formatMessage(following ? messages.unfollowHashtag : messages.followHashtag)} aria-label={intl.formatMessage(following ? messages.unfollowHashtag : messages.followHashtag)}>
        <button className={classes} onClick={this.handleFollow} disabled={!signedIn} title={intl.formatMessage(following ? messages.unfollowHashtag : messages.followHashtag)} aria-label={intl.formatMessage(following ? messages.unfollowHashtag : messages.followHashtag)}>
          <Icon id={following ? 'user-times' : 'user-plus'} fixedWidth className='column-header__icon' />
        </button>
      );