Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Admin tables reuse ad-hoc markup with no shared sortable, paginated data table

Aperta
#1,996 3 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@deslawson ci sta già lavorando.

Dal 18/10/2026.

Valutazione

Difficoltà
4/5
Tempo stimato
3-5 giorni
Idoneità per principianti
38/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
next.js, typescript

Direzione di ricerca

Start by locating the accounts, payments, and settlements list pages and their inline <table> markup, then identify the backend list endpoints that need pagination. Design the shared DataTable around cursor/page props, column definitions, aria-sort, loading, empty, error, and row-action states. Done means all three admin lists use the component without losing current behavior, their endpoints paginate correctly, and tests cover sorting and paging.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement frontend NextJS Stellar Wave

Problem

The admin accounts, payments and settlements pages each build their own <table> markup inline, with no shared pagination, sorting, loading skeleton or empty state, and the backend list endpoints need to become paginated.

Proposed change

Create a DataTable component (cursor/page props, column definitions, aria-sort, empty/loading/error slots, row actions) and migrate those three lists (and later the splits list) to it.

Acceptance criteria

  • The three admin lists use one component and keep their current behaviour; tests cover sorting and paging.
Lingua principale
TypeScript
Stelle
16
Fork
225
Merge medio
10h 53m
PR unite (30g)
66

Preparare l'ambiente

  • Include un Dockerfile o un file Docker Compose
  • Ha un modello di pull request
  • Nessuna guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di DistinctCodes/ManageHub

Tutte le issue di DistinctCodes/ManageHub

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.