Component
CommunityRow / ChannelRow
Two list-row variants. Schools and communities up top, channels (with lock state) below.
Your communities
Towson University
Olivia: lmk if anyone needs a ride to move-in 🚗
Lenoir-Rhyne U.
Ask A LR Bear: We just dropped move-in dates →
RIT Undergrad Admissions
Counselor: financial aid forms close Friday.
Class of 2030 Social
maya: who else is matching with roommates this week?
Towson channels
Announcements
College reps post here weekly
Ask A Counselor
Get answers from admissions
Group Chat
Open chat, all welcome
Admitted Tigers
Unlocks when you mark “Admitted”
Communities + channel sidebar
The audit flagged the legacy Manage-Communities row. The destructive Leave action looked louder than the high-value status update. This version pushes Leaveinto a swipe action and leads with the school's color identity.
Props (CommunityRow)
| Prop | Type | Default | Description |
|---|---|---|---|
| name | string | — | School / community name. |
| preview | string | — | Latest message preview. |
| avatar | ReactNode | — | Identity badge (40-48px). |
| timestamp | string | — | Right-aligned relative time. |
| unread | boolean | — | Emphasizes the row. |
| unreadCount | number | — | Badge bubble; hidden when undefined. |
Props (ChannelRow)
| Prop | Type | Default | Description |
|---|---|---|---|
| name | string | — | Channel name. |
| description | string | — | What the channel is for. |
| locked | boolean | — | Show lock state instead of channel hash. |
| lockedReason | string | — | Replaces description when locked. |
| unread | boolean | — | Show unread badge. |
| unreadCount | number | — | Badge count. |