Skip to content

feat: channel details and info#3443

Merged
isekovanic merged 40 commits intodevelopfrom
feat/channel-details-and-info
Mar 3, 2026
Merged

feat: channel details and info#3443
isekovanic merged 40 commits intodevelopfrom
feat/channel-details-and-info

Conversation

@isekovanic
Copy link
Copy Markdown
Contributor

@isekovanic isekovanic commented Mar 2, 2026

This pull request refactors the overlay and channel preview UI in the sample app for improved maintainability and user experience. The main changes include replacing custom animated overlays with a reusable bottom sheet modal, simplifying the channel preview component, and updating icon usage and styling. Additionally, the channel list now supports custom action items, including a new "View Info" action.

Overlay and Modal Refactor:

  • Replaced the custom animated overlay and gesture handling in ChannelInfoOverlay.tsx with the BottomSheetModal component, removing complex animation and gesture code for a simpler, more maintainable approach. [1] [2] [3] [4]

Channel Preview Simplification:

  • Refactored ChannelPreview.tsx to remove swipeable actions and context dependencies, now directly using ChannelPreviewMessenger with a custom status component. This streamlines the UI and logic. [1] [2] [3]

Icon and Styling Updates:

  • Added a new ChannelInfo icon and updated the MenuPointHorizontal icon to use a local SVG implementation, ensuring consistent iconography across the app. [1] [2]
  • Adjusted styling and props for several icons and components for improved consistency and appearance, such as removing unused color props and updating pin icon usage. [1] [2] [3] [4]

Channel List Enhancements:

  • Introduced custom channel action items in ChannelListScreen.tsx, including a new "View Info" action that navigates to channel detail screens based on chat type. Also updated item layout sizing for improved appearance. [1] [2] [3] [4]

These changes collectively modernize the UI, reduce complexity, and make the codebase easier to extend and maintain.

@Stream-SDK-Bot
Copy link
Copy Markdown
Contributor

Stream-SDK-Bot commented Mar 2, 2026

SDK Size

title develop branch diff status
js_bundle_size 370 KB 380 KB +10616 B 🔴

Comment thread package/src/components/UIComponents/SwipableWrapper.tsx Outdated
Comment thread package/src/components/UIComponents/SwipableWrapper.tsx Outdated
# Conflicts:
#	examples/SampleApp/src/components/ChannelInfoOverlay.tsx
#	examples/SampleApp/src/components/ChannelPreview.tsx
#	examples/SampleApp/src/icons/MenuPointHorizontal.tsx
#	examples/SampleApp/src/screens/ChannelListScreen.tsx
#	package/src/i18n/en.json
#	package/src/i18n/es.json
#	package/src/i18n/fr.json
#	package/src/i18n/he.json
#	package/src/i18n/hi.json
#	package/src/i18n/it.json
#	package/src/i18n/ja.json
#	package/src/i18n/ko.json
#	package/src/i18n/nl.json
#	package/src/i18n/pt-br.json
#	package/src/i18n/ru.json
#	package/src/i18n/tr.json
#	package/src/icons/Archive.tsx
@isekovanic isekovanic merged commit 7835c8a into develop Mar 3, 2026
5 of 7 checks passed
@isekovanic isekovanic deleted the feat/channel-details-and-info branch March 3, 2026 10:38
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