Skip to content

Conversation

@timmydoza
Copy link
Contributor

@timmydoza timmydoza commented Oct 29, 2019

This PR creates the sidebar of participant thumbnails.

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):

Description

The pariticipant sidebar (called the ParticipantStrip component after a discussion with Kevin) renders audio and video tracks for all participants, and also displays their name and network quality information. Participants are added or removed to the sidebar as they join or leave the room.

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

@timmydoza
Copy link
Contributor Author

image

@timmydoza timmydoza self-assigned this Oct 29, 2019
Copy link
Collaborator

@charliesantos charliesantos left a comment

Choose a reason for hiding this comment

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

Looking good @timmydoza ! Very easy to read!
Just left a few comments.

'&:not(:last-child)': {
borderRight: 'none',
},
},
Copy link
Collaborator

Choose a reason for hiding this comment

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

Not part of this PR but just a thought. How would we pass custom styles if I want to reuse this component?

@charliesantos charliesantos merged commit dd31804 into development Oct 30, 2019
@charliesantos charliesantos deleted the AHOYAPPS-47-create-speaker-filmstrip branch October 30, 2019 19:20
timmydoza pushed a commit that referenced this pull request Mar 6, 2020
* Add Participant, publication, and Track components and hooks

* Apply basic styles to ParticipantStrip

* Add AudioTrack component

* Add Network quality states to ParticipantStrip

* Style adjustments for network quality

* Clean up network quality appearance and code

* Fix some bugs in useRoom and useParticipants hooks

* Fix network quality level

* Fix useRoom tests

* Add more testing dependencies

* fix networkQuality hook

* Add more tests

* Add more tests for hooks

* Add tests for Participant and Publication

* Add test for participantStrip component

* Tidy up tests a little

* Let Participant component decide if it was passed the localParticipant

* Adjust import orders

* Restructure participant component

* Delete file created on accident

* Rename type
timmydoza pushed a commit that referenced this pull request Sep 30, 2020
…creens

Feature/design refresh pre join screens
uriasn pushed a commit to Mastermind-com/twilio-video-app-react that referenced this pull request Oct 6, 2020
* Add Participant, publication, and Track components and hooks

* Apply basic styles to ParticipantStrip

* Add AudioTrack component

* Add Network quality states to ParticipantStrip

* Style adjustments for network quality

* Clean up network quality appearance and code

* Fix some bugs in useRoom and useParticipants hooks

* Fix network quality level

* Fix useRoom tests

* Add more testing dependencies

* fix networkQuality hook

* Add more tests

* Add more tests for hooks

* Add tests for Participant and Publication

* Add test for participantStrip component

* Tidy up tests a little

* Let Participant component decide if it was passed the localParticipant

* Adjust import orders

* Restructure participant component

* Delete file created on accident

* Rename type
uriasn pushed a commit to Mastermind-com/twilio-video-app-react that referenced this pull request Oct 6, 2020
* Add Participant, publication, and Track components and hooks

* Apply basic styles to ParticipantStrip

* Add AudioTrack component

* Add Network quality states to ParticipantStrip

* Style adjustments for network quality

* Clean up network quality appearance and code

* Fix some bugs in useRoom and useParticipants hooks

* Fix network quality level

* Fix useRoom tests

* Add more testing dependencies

* fix networkQuality hook

* Add more tests

* Add more tests for hooks

* Add tests for Participant and Publication

* Add test for participantStrip component

* Tidy up tests a little

* Let Participant component decide if it was passed the localParticipant

* Adjust import orders

* Restructure participant component

* Delete file created on accident

* Rename type
gabriel-jt added a commit that referenced this pull request Jul 2, 2021
Added background selection UI

Co-authored-by: Gabe Espinosa <[email protected]>
Co-authored-by: timmydoza <[email protected]>
charliesantos pushed a commit that referenced this pull request Aug 9, 2021
* Moved more menu to the center of the menu bar

* VIDEO-5731 | Added background option to More Menu, selection dialog, and unit tests (#6)

Added background option to More Menu, selection dialog, and unit tests
Co-authored-by: Gabe Espinosa <[email protected]>

* VIDEO-5733 | Added npm script to copy video processor sdk assets to public folder (#8)

* Added npm script to copy video processor sdk assets to public folder

* added postinstall npm script

Co-authored-by: Gabe Espinosa <[email protected]>

* added rimraf and copyfiles dependency to package.json

* VIDEO-5732 | Added background selection UI (#7)

Added background selection UI

Co-authored-by: Gabe Espinosa <[email protected]>
Co-authored-by: timmydoza <[email protected]>

* VIDEO-5734/blur background feature (#550)

Implemented blur background feature (useBackgroundSettings hook and tests)
Co-authored-by: Gabe Espinosa <[email protected]>

* VIDEO-5735/Add virtual background feature (#557)

Added virtual background feature and unit tests
Co-authored-by: Gabe Espinosa <[email protected]>

* VIDEO-5735 | Add isSupported check and unit test (#560)

add isSupported check and unit test
Co-authored-by: Gabe Espinosa <[email protected]>

* VIDEO-6368 | wait to load image before removing processor (#570)

* wait to load image before removing processor
Co-authored-by: Gabe Espinosa <[email protected]>

* updated twilio-video sdk

* fixed breaking tests

* update package.json version and changelog

* update change log, package.json, and revisions

* Update CHANGELOG.md

Co-authored-by: Gabe Espinosa <[email protected]>
Co-authored-by: timmydoza <[email protected]>
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.

3 participants