feat: implement pagination and search functionality in MoreStories co…

[MishraShardendu22]

Fixes issue : keploy/keploy#2546

Implemented Pagination for Blogs Pages. Points Kept in mind
1.) UI of the site matches the newly added component
2.) The number of pages visible at a time are limited so the bottom of the pages aren't flooded.

[manasmanohar]

Thank you for your implementation!
Your approach works well for controlling what's displayed, but doesn't address the underlying issue. Currently, all posts are still fetched initially, and then just displayed incrementally. A better approach would be, to load data incrementally - fetching only a subset of posts from the API initially, then requesting more as needed upon user clicking load more.

[MishraShardendu22]

Thank you for your implementation! Your approach works well for controlling what's displayed, but doesn't address the underlying issue. Currently, all posts are still fetched initially, and then just displayed incrementally. A better approach would be, to load data incrementally - fetching only a subset of posts from the API initially, then requesting more as needed upon user clicking load more.

Ok Sir I'll address the issue and fix it by today

[MishraShardendu22]

I have made the changes in GraphQL queries, I have set the limit to fetch limited queries please review.

[manasmanohar]

hey @MishraShardendu22,

• While you have updated the query to limit the number of posts fetched at a time, but aren't we still fetching all the post during build time and sending it our client here? as mentioned earlier a better approach would be, to load data incrementally - fetching only a subset of posts from the API initially, then requesting more as needed upon user clicking load more.
• Load more button is preferred over numbered.
• Kindly update your pr according to the new pr template.
• Ensure responsiveness when adding new ui elements (the current numbered pagination ui is not responsive)
  

[MishraShardendu22]

Ok sir I'll work on this by today and generate a PR, addressing the issues.

[MishraShardendu22]

Sir I was not able to do this part "While you have updated the query to limit the number of posts fetched at a time, but aren't we still fetching all the post during build time and sending it our client here? as mentioned earlier a better approach would be, to load data incrementally - fetching only a subset of posts from the API initially, then requesting more as needed upon user clicking load more."

I havent worked with GraphQL queries in such large code base, if you can guide a little that would be really nice, as of now I have fixed the UI things and created a PR.

[keploy]

Nice Pr 😄. We currently support Unit Test Generation only for Go projects.
Stay tuned – support for more languages is coming soon! 🚀

[keploy-staging]

Nice Pr 😄. We currently support Unit Test Generation only for Go projects.
Stay tuned – support for more languages is coming soon! 🚀