refs #1529 Disable tag follow button if you're not logged in

h3poteto · Jul 27, 2024 · 1195a87 · 1195a87
1 parent 432aec8
commit 1195a87
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/components/detail/Tag.tsx b/src/components/detail/Tag.tsx
@@ -159,12 +159,22 @@ export default function TagDetail(props: Props) {
  </FlexboxGrid.Item>
  <FlexboxGrid.Item>
  {hashtag && hashtag.following && (
- <Button appearance="link" onClick={unfollowHashtag} title={formatMessage({ id: 'detail.unfollow_tag' })}>
+ <Button
+ appearance="link"
+ onClick={unfollowHashtag}
+ title={formatMessage({ id: 'detail.unfollow_tag' })}
+ disabled={account === null}
+ >
  <Icon as={BsPersonX} style={{ fontSize: '1.2em' }} />
  </Button>
  )}
  {hashtag && !hashtag.following && (
- <Button appearance="link" onClick={followHashtag} title={formatMessage({ id: 'detail.follow_tag' })}>
+ <Button
+ appearance="link"
+ onClick={followHashtag}
+ title={formatMessage({ id: 'detail.follow_tag' })}
+ disabled={account === null}
+ >
  <Icon as={BsPersonPlus} style={{ fontSize: '1.2em' }} />
  </Button>
  )}