Skip to content

fix(channels): keep ringing pins joinable and size pins like iMessage - #8612

Merged
jbecke merged 4 commits into
mainfrom
jacob/mobile-channels-home-rows
Oct 23, 2026
Merged

jbecke merged 4 commits into
mainfrom
jacob/mobile-channels-home-rows

Conversation

@jbecke

@jbecke jbecke commented Oct 23, 2026

Copy link
Copy Markdown
Contributor

Why

#8611 auto-merged before its last two commits were pushed, so main is missing them:

  • Fixes for three CodeRabbit review findings: a pinned channel with a ringing call lost its Join/Decline actions, feed rows weren't keyboard-focusable, and pins had no focus ring.
  • A requested restyle of the pins to match iMessage's sizing.

What

  • ChannelsMobileView.tsx: a pinned conversation stays in the feed while its call rings, so IncomingCallActions stays reachable. Activity is computed over pins plus the full source list so that this filter can read incoming calls. Removed focusable={false}, so feed rows keep Home's focusable root.
  • ChannelPins.tsx:
    • 88px borderless avatars, so a photo fills the circle.
    • The unread dot sits on the avatar's top-left corner.
    • Names are smaller (12px) and muted.
    • A short last row is centered.
    • Pins show a focus-visible ring.
  • ChannelsMobileView.test.tsx: regression test that a ringing pinned channel keeps its feed row and Join action.

Generated by Claude Code

Why: The mobile Channels list used its own row sizing and a full-width
divider that looked worse than Home, and favorites had no quick access.

What: Render mobile Channels rows with Home's touch row (unread rail,
avatar column, inset divider) and pin the first six channel favorites in
an iMessage-style grid above the feed, removing them from the list below.
A pinned conversation with an incoming call stays in the list so its
Join and Decline actions remain reachable. Feed rows keep Home's
focusable root, and pins show a focus ring.
Larger borderless avatars with the unread dot on the avatar's corner, a
smaller muted name, and a short last row centered.
…-home-rows

# Conflicts:
#	apps/web/src/features/channels-view/components/ChannelPins.tsx
#	apps/web/src/features/channels-view/components/ChannelsMobileView.test.tsx
#	apps/web/src/features/channels-view/components/ChannelsMobileView.tsx
@coderabbitai

coderabbitai Bot commented Oct 23, 2026 •

Copy link
Copy Markdown
Contributor

Review in Change Stack →

Note

Currently processing new changes in this PR. This may take a few minutes, please wait...

⚙️ Run configuration
📥 Commits

Reviewing files that changed from the base of the PR and between 46b9dc9 and 9873670.

📒 Files selected for processing: 3
  • apps/web/src/features/channels-view/components/ChannelPins.tsx
  • apps/web/src/features/channels-view/components/ChannelsMobileView.test.tsx
  • apps/web/src/features/channels-view/components/ChannelsMobileView.tsx
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@jbecke
jbecke enabled auto-merge (squash) October 23, 2026 00:24
@github-actions

Copy link
Copy Markdown

@jbecke
jbecke merged commit 0f0e028 into main Oct 23, 2026
32 of 33 checks passed
@jbecke
jbecke deleted the jacob/mobile-channels-home-rows branch October 23, 2026 00:33
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