Skip to content

feat(ui): channel list item#2522

Merged
renefloor merged 20 commits intofeat/design-refreshfrom
feature/channel-list-item
Mar 5, 2026
Merged

feat(ui): channel list item#2522
renefloor merged 20 commits intofeat/design-refreshfrom
feature/channel-list-item

Conversation

@renefloor
Copy link
Contributor

@renefloor renefloor commented Mar 3, 2026

Submit a pull request

Linear: FLU-379

CLA

  • I have signed the Stream CLA (required).
  • The code changes follow best practices
  • Code changes are tested (add some information if not applicable)

Description of the pull request

This updates to the new channel list design.

Relevant PR: GetStream/stream-core-flutter#61

Screenshots / Videos

Before After
image image

@coderabbitai
Copy link
Contributor

coderabbitai bot commented Mar 3, 2026

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 886b4f71-462f-418c-9a37-ff2490d53793

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • ✅ Review completed - (🔄 Check again to review again)
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch feature/channel-list-item

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 and usage tips.

Comment on lines +96 to +97
// TODO: make this configurable when the online state is shown.
showOnlineIndicator: otherUser.online,
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We have to see how/where we want configurations like this.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We might want a boolean in the StreamOnlineIndicatorTheme to show/hide offline states. Or maybe an enum.

enum StreamOnlineIndicatorBehaviour {
 alwaysShow,
 onlyShowOnline,
}

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@xsahil03x This is going to be re-made anway right?

renefloor and others added 3 commits March 4, 2026 09:15
# Conflicts:
#	melos.yaml
#	packages/stream_chat_flutter/lib/src/scroll_view/channel_scroll_view/stream_channel_list_tile.dart
#	packages/stream_chat_flutter/lib/stream_chat_flutter.dart
#	packages/stream_chat_flutter/pubspec.yaml
#	packages/stream_chat_flutter/test/src/message_modal/goldens/ci/stream_message_reactions_modal_dark.png
#	packages/stream_chat_flutter/test/src/message_modal/goldens/ci/stream_message_reactions_modal_light.png
#	packages/stream_chat_flutter/test/src/message_modal/goldens/ci/stream_message_reactions_modal_reversed_dark.png
#	packages/stream_chat_flutter/test/src/message_modal/goldens/ci/stream_message_reactions_modal_reversed_light.png
@renefloor renefloor changed the title Feature/channel list item feat(ui): channel list item Mar 4, 2026
@override
Widget build(BuildContext context) {
final channelState = channel.state!;
final builder = StreamComponentFactory.of(context).extension<StreamChannelListItemProps>();
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

we should use context.channelListItem instead, similar to composer

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Do you want 1 dart file for all builder extensions? I think we should keep it internal right?

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yeah, we can do it. also if we are planning to keep it internal then i am not against using the .of method

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Made an in between, just an extension for the long StreamComponentFactory.of(context).extension:
596f130

path: ^1.8.3
path_provider_platform_interface: ^2.0.0
plugin_platform_interface: ^2.0.0
theme_extensions_builder_annotation: ^7.1.0
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

do we need this? and this should be in dependencies instead and builder should be added here

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I just moved the channel list theme from core. Let's think about it when we refactor the stream chat theme. For now I think it's useful, but indeed I'll move it.

@renefloor renefloor force-pushed the feature/channel-list-item branch from 2be3ab3 to 6b48600 Compare March 4, 2026 15:53
@codecov
Copy link

codecov bot commented Mar 5, 2026

Codecov Report

❌ Patch coverage is 8.21918% with 268 lines in your changes missing coverage. Please review.
✅ Project coverage is 63.91%. Comparing base (ce639db) to head (748f7b2).
⚠️ Report is 1 commits behind head on feat/design-refresh.

Files with missing lines Patch % Lines
.../channel_scroll_view/stream_channel_list_item.dart 0.00% 238 Missing ⚠️
...t_flutter/lib/src/channel/stream_channel_name.dart 0.00% 11 Missing ⚠️
.../lib/src/theme/stream_channel_list_item_theme.dart 9.09% 10 Missing ⚠️
...b/src/components/avatar/stream_channel_avatar.dart 80.00% 2 Missing ⚠️
...essage_composer/message_composer_input_header.dart 50.00% 1 Missing ⚠️
...ssage_composer/message_composer_input_leading.dart 50.00% 1 Missing ⚠️
...sage_composer/message_composer_input_trailing.dart 50.00% 1 Missing ⚠️
...nts/message_composer/message_composer_leading.dart 50.00% 1 Missing ⚠️
...ts/message_composer/message_composer_trailing.dart 50.00% 1 Missing ⚠️
...src/components/stream_chat_component_builders.dart 50.00% 1 Missing ⚠️
... and 1 more
Additional details and impacted files
@@                   Coverage Diff                   @@
##           feat/design-refresh    #2522      +/-   ##
=======================================================
- Coverage                64.19%   63.91%   -0.29%     
=======================================================
  Files                      435      435              
  Lines                    26214    26328     +114     
=======================================================
- Hits                     16829    16828       -1     
- Misses                    9385     9500     +115     

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.

@renefloor renefloor merged commit 026f826 into feat/design-refresh Mar 5, 2026
12 of 15 checks passed
@renefloor renefloor deleted the feature/channel-list-item branch March 5, 2026 11:29
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