Skip to content

Conversation

@timmydoza
Copy link
Contributor

@timmydoza timmydoza commented Nov 7, 2019

This PR adds some UI improvements.

Contributing to Twilio

All third party contributors acknowledge that any contributions they provide will be made under the same open source license that the open source project is provided under.

  • I acknowledge that all my contributions will be made under the project's license.

Pull Request Details

JIRA link(s):

  • N/A

Description

  • Makes participant strip scrollable
  • Displays room name when connected to a room
  • Creates new MainParticipant and MainParticipantInfo components. This is because the information displayed over the main participant's video may be quite different from what is displayed in the sidebar, so we need two separate components. For instance, the main video area does not need to display the network quality (it's already in the sidebar), or icons for muted audio and video (already displayed in the Controls component for the local participant). Also, the main video area may display additional information, like the identity of the domainant speaker (if the video area is displaying a screen share from a different participant).

Burndown

Before review

  • Updated CHANGELOG.md if necessary
  • Added unit tests if necessary
  • Updated affected documentation
  • Verified locally with npm test
  • Manually sanity tested running locally
  • Included screenshot as PR comment (if needed)
  • Ready for review

Before merge

  • Got one or more +1s
  • Re-tested if necessary

{/* audio is disabled for this participant component because this participant's audio
is already being rendered in the <ParticipantStrip /> component. */}
<Participant participant={mainParticipant} disableAudio enableScreenShare />
<MainParticipant />
Copy link
Contributor

Choose a reason for hiding this comment

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

💯

@timmydoza timmydoza merged commit a8bc310 into development Nov 8, 2019
@timmydoza timmydoza deleted the ui-improvements branch November 8, 2019 15:54
timmydoza pushed a commit that referenced this pull request Mar 6, 2020
* Make ParticipantStrip scrollable

* Display room name when connected to a room

* create MainParticipant component

* Create MainParticipantInfo component

* Add MainParticipant to room

* Lint
timmydoza pushed a commit that referenced this pull request Sep 30, 2020
uriasn pushed a commit to Mastermind-com/twilio-video-app-react that referenced this pull request Oct 6, 2020
* Make ParticipantStrip scrollable

* Display room name when connected to a room

* create MainParticipant component

* Create MainParticipantInfo component

* Add MainParticipant to room

* Lint
uriasn pushed a commit to Mastermind-com/twilio-video-app-react that referenced this pull request Oct 6, 2020
* Make ParticipantStrip scrollable

* Display room name when connected to a room

* create MainParticipant component

* Create MainParticipantInfo component

* Add MainParticipant to room

* Lint
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants