bug: Lack of Intuitive Refresh Mechanism for Content Updates

[ottodevs]

👤 User Story

As a user of the Pool application, I want an intuitive way to refresh the content, especially on the pool listing page, so that I can easily see new pool creations or updates without manually reloading the entire page.

📝 Bug Description

The application lacks an intuitive refresh mechanism for content updates. Users may miss new pool creations or updates because there's no easy way to refresh the content, particularly on the pool listing page.

🔄 Steps to Reproduce

1. Log in to the Pool application.
2. Navigate to the pool listing page.
3. Observe the lack of a pull-to-refresh feature or any other intuitive refresh mechanism.
4. Attempt to find a way to update the content without reloading the entire page.

🎯 Expected Behavior

• Implement a pull-to-refresh feature on the pool listing page and other relevant pages.
• When the user pulls down on the screen (on mobile) or clicks a refresh button (on desktop), the content should update.
• Provide visual feedback during the refresh process.
• Consider implementing automatic polling for real-time updates in addition to manual refresh.

📸 Screenshots or GIFs

No response

📘 Additional Context

• This feature is particularly important for the pool listing page but could be useful across the application.
• Consider implementing both pull-to-refresh for mobile and a refresh button for desktop users.
• Ensure that the refresh mechanism is efficient and only updates necessary data to minimize data usage.

🔗 Related Issues

No response

👥 Mention

No response

[dantgw]

Do we want to write our own pull-to-refresh component or use a library?
I found

• https://www.boxfactura.com/pulltorefresh.js/
  and the react example
• https://codesandbox.io/p/sandbox/pulltorefreshjs-with-react-nows7?file=%2Fsrc%2FApp.jsx%3A17%2C39
  that we might want to consider