Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: add message edited timestamp #275

Merged
merged 2 commits into from
Mar 5, 2024
Merged

Conversation

myandrienko
Copy link
Contributor

🎯 Goal

Adds styles for a new collapsible section in message status that shows the last time message text was updated.

🎨 UI Changes

Screen.Recording.2024-02-28.at.17.17.21.mov

@myandrienko myandrienko requested review from szuperaz and MartinCupela and removed request for szuperaz February 28, 2024 16:18
@@ -192,13 +192,29 @@
.str-chat__message-metadata {
grid-area: metadata;
display: flex;
flex-wrap: wrap;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Adding wrap to the message metadata so that the "edited at ..." label can occupy the second line.

@szuperaz szuperaz force-pushed the feat/message-edited-timestamp branch from 646dbd4 to 6265394 Compare March 4, 2024 16:37
}
}

.str-chat__message-text--pointer-cursor {
Copy link
Collaborator

Choose a reason for hiding this comment

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

@myandrienko I've added this here -> SDK's can apply this dynamically

Copy link
Collaborator

Choose a reason for hiding this comment

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

Angular logic for reference: https://github.com/GetStream/stream-chat-angular/pull/563/files#diff-1a38d0771c6ea73cc1bfd32b5699ffdc969cbcd65f0f99fef492517b2f201ed1R179-R183 - I know, I know that expression is a bit too complicated, but it handles the following cases:

  • unsent message
  • bounced message
  • edited message

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Thanks, this is useful!

@szuperaz szuperaz merged commit d61a371 into main Mar 5, 2024
@szuperaz szuperaz deleted the feat/message-edited-timestamp branch March 5, 2024 12:41
github-actions bot pushed a commit that referenced this pull request Mar 5, 2024
# [4.8.0](v4.7.4...v4.8.0) (2024-03-05)

### Features

* add message edited timestamp ([#275](#275)) ([d61a371](d61a371))
Copy link

github-actions bot commented Mar 5, 2024

🎉 This PR is included in version 4.8.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

myandrienko added a commit to GetStream/stream-chat-react that referenced this pull request Mar 7, 2024
### 🎯 Goal

🚂 GetStream/stream-chat-css#275
🚂 GetStream/stream-chat-js#1248

Adds a new collapsible section in message metadata that shows the last
time message text was updated. Also, clearly labels edited messages.

### 🎨 UI Changes

See GetStream/stream-chat-css#275

### To-Do

- [x] Bump LLC
- [x] Bump styles
- [x] Translations
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants