Anujcodecraft / Anujcodecraft/notes-online

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

Offen
#28 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
bug enhancement good first issue ReactJs UI
Vorherrschende Sprache
JavaScript
Sterne
7
Forks
7
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

### 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](https://manitstudyportal.netlify.app/).
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.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.