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.
🎯 Goal
Affects both Angular and React
Context: https://getstream.slack.com/archives/C06CF5TKRGA/p1712244144318319?thread_ts=1712156840.771619&cid=C06CF5TKRGA
🛠 Implementation details
Provide a description of the implementation
🎨 UI Changes
Before:
![Screenshot 2024-04-05 at 09 40 28](https://private-user-images.githubusercontent.com/6690098/319902436-23d8a4fe-1779-468f-96b5-f13f3308a219.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0NTA2NTIsIm5iZiI6MTczOTQ1MDM1MiwicGF0aCI6Ii82NjkwMDk4LzMxOTkwMjQzNi0yM2Q4YTRmZS0xNzc5LTQ2OGYtOTZiNS1mMTNmMzMwOGEyMTkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTNUMTIzOTEyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9NDZhZWRiYjM3ZTZhMzlhNTM4MTM0ZmIzODlhMDNlYWRiNGFjZTEyNWRlZDZlZDA3ZTk5NDlmZjE1OTg5MzVhZCZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.q8sRHmqD8SN4KxwxhbafgxLR5PKMOQ0QWGrYpyE9REg)
After:
![Screenshot 2024-04-05 at 09 39 40](https://private-user-images.githubusercontent.com/6690098/319902517-3c8b86bc-b7b7-47c9-9147-72dbd9cd96e9.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0NTA2NTIsIm5iZiI6MTczOTQ1MDM1MiwicGF0aCI6Ii82NjkwMDk4LzMxOTkwMjUxNy0zYzhiODZiYy1iN2I3LTQ3YzktOTE0Ny03MmRiZDljZDk2ZTkucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTNUMTIzOTEyWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ODUyZDY0NzNmYzI3YThkZWNiNTc0ZGNkODVkYmJmOGIxNzNhOGYwMzEwMjBlNDVhNDAzNzcwYWYxZGVjY2I0ZiZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.3fi7UQ4RqHwA4fF8Rs0R0KylpX4kpfiom2KKB86E38g)
Make sure to test with both Angular and React (with both
MessageList
andVirtualizedMessageList
components) SDKs