search

GetStream / stream-chat-react

React Chat SDK ➜ Stream Chat 💬
https://getstream.io/chat/sdk/react/
Other
698 stars 272 forks source link

fix: adapt audio recording wave form to the available space #2435

Closed MartinCupela closed 2 months ago

MartinCupela commented 2 months ago

🎯 Goal

Adjust the number of bars and the gap width based on the available space.

🛠 Implementation details

The solution uses ResizeObserver as the only way to react to size change of the root div. The window resize would be useful only to mobile device screen rotation, but not possible message list resizing if implemented by integrators.

🎨 UI Changes

6Y0O.webm

codecov[bot] commented 2 months ago

Codecov Report

Attention: Patch coverage is 95.00000% with 2 lines in your changes missing coverage. Please review.

Project coverage is 85.48%. Comparing base (2ca3188) to head (710e271). Report is 2 commits behind head on release-v11.

Files Patch % Lines
...mponents/Attachment/components/WaveProgressBar.tsx 93.75% 1 Missing and 1 partial :warning:
Additional details and impacted files ```diff @@ Coverage Diff @@ ## release-v11 #2435 +/- ## =============================================== + Coverage 85.44% 85.48% +0.03% =============================================== Files 392 393 +1 Lines 9078 9121 +43 Branches 2345 2355 +10 =============================================== + Hits 7757 7797 +40 - Misses 1120 1122 +2 - Partials 201 202 +1 ```

:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.

stream-ci-bot commented 2 months ago

:tada: This PR is included in version 11.23.0 :tada:

The release is available on:

Your semantic-release bot :package::rocket: