[UI] Next button invisible when click on

[amitamrutiya]

Description

Link: Extension Page
On this page, when the "Next" button is clicked, it becomes invisible.

Expected Behavior

If we choose not to use pagination, remove the "Next" and "Previous" buttons; otherwise, apply pagination.

Screenshots

Screencast.from.2024-08-14.16-39-36.webm

Environment:

• OS: Linux
• Browser: Firefox
• Version: latest
• Device: Desktop Mobile

---

Contributor Guides and Handbook

The meshery.io website uses Jekyll and GitHub Pages. Site content is found under the master branch.

• 📚 See the Contributing to Meshery.io Website section of the readme.md and other contributing instructions, too.
• 🎨 Wireframes and designs for Meshery UI in Figma (open invite)
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[Aviral0702]

@amitamrutiya I can reproduce the issue. You can ask for assignment and then go ahead.

[abbi4code]

Can i work on this issue?

[Ashparshp]

@amitamrutiya, @Aviral0702, we've implemented the pagination, right? The issue is that we don't have more cards to show when clicking Next. So, can we add a condition instead of removing the button?

[amitamrutiya]

Yeah that makes sense.

[Aviral0702]

@Ashparshp Makes sense.

[Ashparshp]

@abbi4code, read the discussion and go accordingly. Please don't remove.

[abbi4code]

@Ashparshp Yeah, I got it. Instead of completely removing the 'Next' button, we can add a condition to check if there are more cards available to display. If there are more cards, the button should remain active, but if not, we can either disable the button or hide it. This way, we keep the pagination logic intact without breaking the user flow.