Skip to content

feat(profile): circle action buttons, tighter tabs, quoted note navigation#555

Merged
barrydeen merged 2 commits into
barrydeen:mainfrom
dmnyc:feat/profile-ux-polish
May 20, 2026
Merged

feat(profile): circle action buttons, tighter tabs, quoted note navigation#555
barrydeen merged 2 commits into
barrydeen:mainfrom
dmnyc:feat/profile-ux-polish

Conversation

@dmnyc
Copy link
Copy Markdown
Contributor

@dmnyc dmnyc commented May 20, 2026

Summary

  • Replace Follow/Mute/DM/Zap profile buttons with uniform 40dp circle Surface icons (iOS-style action bar)
  • Add Mute/Unmute button to profile header with VolumeOff/VolumeUp icons
  • Fix quoted note tap-through: outer PostCard uses Final-pass pointer detection so tapping an embedded quoted note opens its thread view
  • Wire NoteActions.onProfileClick so tapping an author avatar inside a quoted/embedded note navigates to their profile directly
  • Fix repost card original-author avatar to navigate to their profile
  • Replace M3 Tab composable (90dp min-width enforced) with plain Box + clickable for text-proportional tab widths and a custom narrow indicator underline — eliminates uneven tab spacing
  • Add transparent spacer and right-side gradient fade below sticky tab bar
  • Add "no replies" empty state illustration to ThreadScreen
  • Wire mute action through Navigation → FeedViewModel.blockUser

Test plan

  • View another user's profile — confirm 4 circle icon buttons (DM, Zap, Follow, Mute) are uniform size and style
  • Tap Follow/Unfollow and Mute/Unmute — confirm state toggles correctly
  • Open a note with an embedded quoted note — confirm tapping the quoted card opens its thread view
  • Tap the author avatar inside a quoted note — confirm it navigates to that author's profile
  • View a repost card — confirm tapping the original author's avatar navigates to their profile
  • Profile page tab bar — confirm tabs are proportional to text width with consistent spacing
  • Open a thread with no replies — confirm empty state illustration appears

🤖 Generated with Claude Code

@dmnyc dmnyc force-pushed the feat/profile-ux-polish branch from 93cbcfb to c9d9f14 Compare May 20, 2026 05:33
…ation

- Replace Follow/Mute/DM/Zap profile buttons with uniform 40dp circle
  Surface icons matching iOS-style action bar
- Add Mute/Unmute button to profile header (VolumeOff/VolumeUp icons)
- Fix quoted note tap-through: outer PostCard uses Final-pass pointer
  detection so inner clickable wins and tapping opens the thread view
- Wire NoteActions.onProfileClick so tapping an author avatar inside
  an embedded/quoted note navigates to their profile directly
- Add onProfileClick to PostCard calls so repost card original-author
  avatars navigate to their profile
- Replace M3 Tab composable (90dp min-width enforced) with plain Box
  + clickable for text-proportional tab widths and a custom narrow
  indicator underline — eliminates uneven tab spacing
- Add transparent spacer and right-side gradient fade below sticky tab bar
- Add "no replies" empty state illustration to ThreadScreen
- Mute action wired through Navigation → FeedViewModel.blockUser
- Circular post FAB with edit icon
@dmnyc dmnyc force-pushed the feat/profile-ux-polish branch from a11bec6 to e5bc321 Compare May 20, 2026 11:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants