feat: add error message and download icon to voice recordings #280
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
🛠 Implementation details
This is currently Angular-only, React can follow with implementation
🎨 UI Changes
Markup with error message + download icon
![Screenshot 2024-03-25 at 13 08 06](https://private-user-images.githubusercontent.com/6690098/316495611-8e95b4a4-86f8-43fb-ad61-0180b6ba1fcf.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk0NDg2MDEsIm5iZiI6MTczOTQ0ODMwMSwicGF0aCI6Ii82NjkwMDk4LzMxNjQ5NTYxMS04ZTk1YjRhNC04NmY4LTQzZmItYWQ2MS0wMTgwYjZiYTFmY2YucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxMyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTNUMTIwNTAxWiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9ZWM2YmVhYWVjNTRjZmM3NGQyOGQxZTJhZDYzYjNlM2Y2MzJiYzlhYzcxOWYxYWE0OWJkYTk4M2ZmNTJjNGM4ZSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.Hq5RFD1o18V24NhoUQ24A9K9ZLyR_KgthLJ6zqgQ9hY)
Since we have some problems with downloads, the released markup in the Angular SDK won't feature a link to download the voice memo:
Make sure to test with both Angular and React (with both
MessageList
andVirtualizedMessageList
components) SDKs