feat: Apply theme-v2 to message input #283 #297
Merged
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.
In this PR:
Coming up in the next PR:
This issue took way longer than expected, I feel we are a bit behind schedule so I offloaded some potential enhancements into a separate issue: GetStream/stream-chat-css#106 - hopefully we'll be able to get back to this
Message input
Figma
Implementation
Note: The instant command icon is part of the enhancement issue: GetStream/stream-chat-css#106
Message input - message sending disabled
Figma
Implementation
Message input - slow mode
Figma
Implementation
Note: Users can compose their messages during slow mode (based on Figma)
Message input - multiline text
Figma
Implementation
Note: Message input can expand to half of the channel height (based on my experience chat apps allow textareas to expand a lot), the scrolling could be improved: #296
Multiline text is only available in theme-v2, not in theme-v1: https://github.com/GetStream/stream-chat-angular/pull/297/files#diff-19513186105b0f2288b61d8bb68c5e71e0a51b4bfca3e6965e874bb8ebbc00d0L212
Attachment previews
Figma
Implementation
Note: Instead of the error icon we show the retry icon, we don't display the file size - these are all part of the UX improvement issue GetStream/stream-chat-css#106, Angular doesn't display different icons for different mime types, improvement issue here: #78
Theme v1 changes
Users can type during slow mode:
This is a small change, but icons are replaced with material icons: