Skip to content

Conversation

@billyvg
Copy link
Member

@billyvg billyvg commented Jan 5, 2026

This adds our normal pagination at the end of the replays table in the Playlist view

image

@github-actions github-actions bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Jan 5, 2026
@billyvg billyvg force-pushed the billy/replay-add-pagination-to-playlist-tab branch from 8fa4636 to 3c3aded Compare January 5, 2026 23:52
@billyvg billyvg marked this pull request as ready for review January 6, 2026 00:02
@billyvg billyvg requested a review from a team as a code owner January 6, 2026 00:02
Comment on lines +150 to +160
{pageLinks ? (
<StyledPagination
pageLinks={pageLinks}
onCursor={(cursor, path, searchQuery) => {
navigate({
pathname: path,
query: {...searchQuery, cursor},
});
}}
/>
) : null}
Copy link
Member Author

Choose a reason for hiding this comment

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

TBD, but if we want scrolling to work properly in playlist tab, we need to embed pagination into the table, otherwise we can't internally scroll the table. since we have:

| alert |
| table |
| pagination |

ideally, alert should be sticky at the top, along with the table headers, and pagination should only be visible when we scroll to the last row in the table.

In order to have table headers sticky, we would need the scroll to be internal to the table, which means the only way to see pagination only when we reach the last row in the table is for pagination to be embedded in the table. Otherwise, we would need pagination to always be visible as well, which is kind of a waste of pixels.

@billyvg billyvg force-pushed the billy/replay-add-pagination-to-playlist-tab branch from 79f9930 to 85c7fff Compare January 6, 2026 15:57
@billyvg billyvg merged commit 4ba9a5a into master Jan 6, 2026
53 checks passed
@billyvg billyvg deleted the billy/replay-add-pagination-to-playlist-tab branch January 6, 2026 22:35
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants