Skip to content

fix(contest): right-align Host tag in contest comments#14282

Merged
dylanjeffers merged 2 commits intomainfrom
claude/align-contest-host-tag-KOmYO
May 8, 2026
Merged

fix(contest): right-align Host tag in contest comments#14282
dylanjeffers merged 2 commits intomainfrom
claude/align-contest-host-tag-KOmYO

Conversation

@dylanjeffers
Copy link
Copy Markdown
Contributor

Summary

  • Right-align the Host tag in contest comments to match the track-page CommentBlock layout (user link + timestamp on the left, Host badge on the right).
  • Applies to both the main contest comment row and nested reply rows in ContestCommentsTile.tsx. The header comment in that file already described this layout intent — the implementation now matches it.

Changes

  • ContestCommentsTile.tsx main row: wrap the header in Flex justifyContent='space-between', with UserLink + Timestamp in a left flex and the Host badge in a right <Box css={{ flexShrink: 0 }}> (mirrors CommentBlock.tsx lines 143-189).
  • ContestCommentsTile.tsx reply row: move the Host badge out of the inner left flex into a right-side flex alongside the existing kebab menu, so the badge is right-aligned next to the overflow trigger.

Test plan

  • As the contest host, post a top-level contest comment and confirm the Host tag is right-aligned in the comment header.
  • As the contest host, reply to a contest comment and confirm the Host tag and kebab menu are both right-aligned.
  • As a non-host user, confirm the layout still renders correctly (no badge, no kebab unless author).
  • Confirm Updates feed rows (where the host badge is suppressed) render unchanged.
  • Resize the viewport / use a long username to confirm the left content wraps without pushing the badge off-screen.

Generated by Claude Code

Match the track-page CommentBlock layout: user link + timestamp on the
left, Host badge on the right via justifyContent='space-between' and a
flex-shrink-0 wrapper. Applies to both the main contest comment row and
nested reply rows. The header comment already described this layout
intent — the implementation now matches it.
@changeset-bot
Copy link
Copy Markdown

changeset-bot Bot commented May 8, 2026

🦋 Changeset detected

Latest commit: 2f5a2bb

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@audius/web Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 8, 2026

🌐 Web preview ready

Preview URL: https://audius-web-preview-pr-14282.audius.workers.dev

Unique preview for this PR (deployed from this branch).
Workflow run

@dylanjeffers dylanjeffers merged commit 8359c3f into main May 8, 2026
14 checks passed
@dylanjeffers dylanjeffers deleted the claude/align-contest-host-tag-KOmYO branch May 8, 2026 20:46
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants