[UI] Rows per page is not working in meshmodel tabs in settings

[Yashsharma1911]

Current Behavior

In tabs Models, Components Rows per page is not working

Screen.Recording.2023-06-28.at.6.29.37.PM.mov

Expected Behavior

Screenshots/Logs

Environment

• Host OS: Mac Linux Windows
• Platform: Docker or Kubernetes
• Meshery Server Version: stable-v
• Meshery Client Version: stable-v

---

Contributor Guides and Handbook

• 🛠 Meshery Build & Release Strategy
• 📚 Instructions for contributing to documentation
  • Meshery documentation site and source
• 🎨 Wireframes and designs for Meshery UI in Figma
• 🙋🏾🙋🏼 Questions: Discussion Forum and Community Slack

[github-actions]

This issue has been labeled with 'component/ui'. 🧰 Here are docs on Contributing to Meshery UI. 🎨 Here is the Meshery UI Figma File File. Lastly, here are docs on Contributing to Meshery's End-to-End Tests Using Cypress.

---

        Be sure to join the community, if you haven't yet and please leave a ⭐ star on the project 😄

[HarshDobariya79]

I would like to work on this issue, can I get assigned, please?

[Meyazhagan]

@HarshDobariya79 you got it!

[HarshDobariya79]

@Yashsharma1911 @Meyazhagan
page size for all mesh model components APIs is hard coded to 25 from the back-end. So let's say user selects page size as 100, should we call the API multiple times (4 times in this case) or should we provide an optional argument in API itself for page size? or we can do something else. Please give your inputs.

[Meyazhagan]

@HarshDobariya79 You can pass pagesize in query. ref:

meshery/server/handlers/component_handler.go

Line 175 in 820f14e

// ```?pagesize={pagesize}``` Default pagesize is 25. To return all results: ```pagesize=all```

[HarshDobariya79]

@HarshDobariya79 You can pass pagesize in query. ref:

meshery/server/handlers/component_handler.go

Line 175 in 820f14e

// ```?pagesize={pagesize}``` Default pagesize is 25. To return all results: ```pagesize=all```

Oops I missed that. Thank you for pointing out.

[HarshDobariya79]

I'm not able to understand why we need to perform logical AND operation. Can anyone please assist?

meshery/ui/components/MeshModelComponent.js

Line 306 in 820f14e

data={resourcesDetail && resourcesDetail}