Anujcodecraft/notes-online

## 🐞 Issue: Pagination Resets to First Page on Refresh

Aberta

#28 aberto em 4 de jul. de 2025

Ver no GitHub
 (0 comentário) (0 reação) (0 responsável)JavaScript (7 forks)auto 404
ReactJsUIbugenhancementgood first issue

Métricas do repositório

Stars
 (7 estrelas)
Métricas de merge de PR
 (Métricas PR pendentes)

Description

Description

When a user navigates to Browse Notes or Browse PYQ, changes to page 2 (or any other page), and then refreshes the browser, the page resets to page 1 instead of staying on the selected page.

This breaks the expected behavior of persistent pagination and impacts user experience, especially when browsing large datasets.

✅ Expected Behavior

  • After refreshing the page, the user should remain on the same page number they were on before the refresh (e.g., page 2).
  • Pagination state should persist through browser refreshes or deep links.

🧪 Steps to Reproduce

  1. Go to Browse Notes or Browse PYQ of 🌐 Live Demo.
  2. Click to navigate to Page 2.
  3. Refresh the browser.
  4. Observe: The user is redirected back to Page 1.

💡 Proposed Solution

  • Use URL query parameters to store the current page number (e.g., ?page=2).
  • On component mount, read the page query param from the URL and set it as the current page state.
  • Update the query param whenever the user navigates to a new page.

Guia do colaborador

Direção de pesquisa
Explore como persistir o número da página atual nos parâmetros de consulta da URL. Identifique o componente que lida com a paginação e implemente a leitura do parâmetro 'page' na montagem e a atualização quando a página muda. Use um hook como useSearchParams do React Router ou uma solução personalizada.
Pilha de tecnologia
javascript
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
2
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
1-3 horas
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
GitJavaScript
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75