Anujcodecraft / Anujcodecraft/notes-online

## 🐞 Bug: "Next" Button Enabled Even When No More Data is Available (Pagination)

オープン
#23 コメント 5 件 リアクション 0 件 担当者 1 名 @devi5040 に割り当て済み GitHub で見る
bug good first issue help wanted NodeJS ReactJs
主要言語
JavaScript
スター
7
フォーク
7
PR マージ指標
30日以内にマージされた PR はありません

説明

### 📋 Description

On paginated pages (e.g., **PYQs and Notes**), when the user is **not on the last page by number**, but the **remaining items to show are already fewer than the page size**, the **"Next"** button is still enabled.

- This leads to the next page showing **no content**, creating a poor user experience.

---

### 🔁 Steps to Reproduce

1. Have a dataset with, for example, **11 items**, and pagination limit is **6 per page**.
2. Page 1 shows 6 items.
3. Page 2 shows remaining 5 items.
4. Page 3 should **not exist**, but the **"Next"** button is still enabled.
5. Clicking "Next" shows an empty page.
6. Do check [🌐 Live Demo](https://manitstudyportal.netlify.app/) here for live bug
---

### ❌ Current Behavior

- "Next" button is enabled even when there are no more items to show.
- Clicking it leads to a blank or empty result.

---

### ✅ Expected Behavior

- Backend should return a **flag (e.g., `isLastPage: true`)** when the current set of items is the last.
- Frontend should check this flag and **disable the "Next"** button accordingly.
- Alternatively, the frontend can calculate based on total count and limit, but a backend flag would be cleaner and more reliable.

---

### 💡 Suggested Fix

- **Backend**: Add a field like `isLastPage: true/false` in controller of getting items (notes and pyqs)
- **Frontend**: Disable the "Next" button if `isLastPage === true`

---

### 📂 Affected Areas

- Backend pagination API logic
- Client pagination button state

---

### 🏷️ Labels

`bug` `pagination` `backend` `frontend` `good first issue`

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

評価

この issue はまだ評価されていません。

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。