RocketChat / RocketChat/Rocket.Chat

chore: move usePagination hook outside GenericTable folder

Open
#39,997 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

type: feature
Dominant language
TypeScript
Stars
46.1k
Forks
13.9k
Avg merge
3d 3h
Merged PRs (30d)
130

Description

Issue

The usePagination hook is currently located inside the GenericTable component folder at:
packages/ui-client/src/components/GenericTable/hooks/usePagination.ts

However it is a general-purpose pagination hook used by 90+ components across the codebase and is not specific to GenericTable. This is flagged with a TODO comment: // TODO: Move usePagination outside from GenericTable folder

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with packages/ui-client/src/components/GenericTable/hooks/usePagination.ts and inspect the TODO comment. Search the codebase for the 90+ usePagination imports and determine an appropriate location outside GenericTable, then update the references. Done means the hook is no longer under the GenericTable folder and all existing consumers still resolve it.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Refactor
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
65/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.