feat: channel info screens#3590
Open
szuperaz wants to merge 149 commits into
Open
Conversation
a53d4c2 to
4029214
Compare
5966c58 to
e1523f5
Compare
Contributor
SDK Size
|
…ive border color to it
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
1/2 PR for channel details | Figma
This PR implements the 20/25 channel details related Figma screens. The rest will come in a separate PR. The missing screens are implemented in SampleApp (as channel details screens are currently implemented there). All new components/hooks/contexts are marked as experimental by the SDK, the flag will be removed once channel details are fully implemented.
Some follow-up tasks we discovered with Ivan that are not related to channel details, I'll implement it in separate follow-up PRs:
Overview of implemented screens:

Some screenshots, mixed from iOS and Android, dark and light theme:
Claude's recap:
The headline of this branch is a brand-new Channel Details screen shipped as a reusable SDK component, with the SampleApp migrated off its old custom overlay implementation.
SampleApp
Removed the entire legacy overlay-based channel info system:
AppOverlayContext,AppOverlayProvider,ChannelInfoOverlayContext,UserInfoOverlayContext,OverlayBackdrop,ChannelInfoOverlay,UserInfoOverlay,ContactDetailBottomSheetAddMembersBottomSheet,AllMembersBottomSheet,MemberListItem,ChannelDetailProfileSection, and hooksuseChannelInfoOverlayActions/useUserInfoOverlayActionsGroupChannelDetailsScreen,OneOnOneChannelDetailScreen,SharedGroupsScreenAdded / updated:
ChannelDetailsScreenthat consumes the SDK component, plus aChannelDetailsNavigationSectionoverride exampleSendDirectMessageicon (removedArchive,UserMinus)ChannelListScreen,ChannelScreen,NewDirectMessagingScreen,App.tsx,types.ts, andSampleAppComponentOverridesto wire up the new screenSDK → new
ChannelDetailsScreencomponent suite (new export fromcomponents/index.ts):ChannelDetailsScreen,ChannelDetailsProfile,ChannelDetailsActionsSection,ChannelDetailsActionItem,ChannelDetailsMemberSection,ChannelDetailsNavigationSection,ChannelDetailsScreenHeaderChannelEditDetails,ChannelEditDetailsModal,ChannelEditName,ChannelEditImageSheetChannelMemberList,ChannelMemberItem,ChannelMemberActionsSheet,ChannelAddMembers(+modal),ChannelAllMembersModal,AddMemberSearchResultItem, and loading skeletonsModal/ModalHeaderbuilding blocksNew hooks —
package/src/hooks/actions/namespace (useChannelActions,useChannelActionItems,useChannelMemberActionItems,useUserActions, sharedtypes), feature hooks (useChannelDetailsActionItems,useChannelDetailsMembersPreview,useChannelDetailsMemberStatusText,useEditChannelImage,useUserActivityStatus,useChannelAddMembers,useChannelAllMembers,useMemberRoleLabel), and reusable channel hooks now exported publicly:useChannelName,useChannelImage,useChannelMemberCount,useChannelOwnCapabilities,useChannelMuteActive,useIsDirectChat, plususeSyncClientEvents(reactive channel name/image/member-count updates)New reusable UI / contexts / icons:
SearchInput,SelectionCircle,EmptySearchResultchannelDetailsContextandBottomSheetContextchevron-right,x-circleSDK → updates to existing
BottomSheetContextuseChannelActions/useChannelActionItems/useIsDirectChat/useChannelMuteActivemoved out ofChannelList/hooksinto the sharedsrc/hookstree (anduseChannelActionssignificantly extended:onFailure/onSuccesshandlers, member/image/name updates, separate dismiss API)OwnCapabilitiesContextgained a capabilityChannelDetailsBottomSheetandChannelSwipableWrapperupdated;useChannelPreviewDisplayName/useUserMuteActivetweakedAttachButton,SendButton,ThreadCLAUDE.mdtypecheck note, accessibility skill tweak, new RTL skillScale: ~80 commits, +12,961 / −3,635 across 166 files, with a large accompanying test suite (~40 new
__tests__file