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

Grid mode pagination #654

Merged
merged 36 commits into from Mar 14, 2022
Merged

Grid mode pagination #654

merged 36 commits into from Mar 14, 2022

Conversation

timmydoza
Copy link
Contributor

@timmydoza timmydoza commented Mar 8, 2022

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

This PR adds a pagination feature to the video app. The user can move to the previous or next page of participants (where applicable), or they can click on a specific page to see. The user can also choose the maximum number of participants to see in the grid in the Settings. The grid should correctly handle the adding and removing of participants while on any page, including the last page. It should also handle changing the max grid participants setting while on any page.

pagination

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 timmydoza changed the base branch from feature/grid-mode to master March 8, 2022 20:17
@timmydoza timmydoza changed the base branch from master to feature/grid-mode March 8, 2022 20:17
Copy link
Contributor

@olipyskoty olipyskoty left a comment

Choose a reason for hiding this comment

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

Nice job, just some small typos. This is fun and I'm excited to add this feature to the app!

@@ -63,7 +63,7 @@ export default function useLocalTracks() {
if (isAcquiringLocalTracks || audioTrack || videoTrack) return Promise.resolve();

setIsAcquiringLocalTracks(true);

console.log(3);
Copy link
Contributor

Choose a reason for hiding this comment

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

it's back! 😆

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I think I removed this just before you submitted the review 🙂. I'm not sure why it reappeared though!

).toBe(true);
});

it('should not render the previous page button when the user is viewing the last page', () => {
Copy link
Contributor

Choose a reason for hiding this comment

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

should this be should not render the next page button ...

@timmydoza timmydoza merged commit 58ef66c into feature/grid-mode Mar 14, 2022
@timmydoza timmydoza deleted the grid-mode-pagination branch March 14, 2022 23:23
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.

None yet

2 participants