Implement-Pull-to-Refresh-Across-Screens

[MaryammAli]

Implement Pull-to-Refresh Across Screens

Overview

This PR adds pull-to-refresh functionality across mobile application screens to allow users to manually refresh displayed data.

Changes Made

• Added refresh controls to supported screens in mobile/app/.
• Integrated pull-to-refresh behavior with React Query refetching.
• Implemented loading and refreshing states for improved user feedback.
• Prevented duplicate requests during active refresh operations.
• Improved responsiveness and refresh handling across mobile views.

Features Added

• Swipe/pull gesture to refresh screen data.
• Automatic React Query refetch integration.
• Visual loading indicators during refresh operations.
• Safe request handling to avoid overlapping network calls.

Acceptance Criteria

• Pull-to-refresh works smoothly across supported screens.
• No duplicate or unnecessary requests are triggered.
• UI remains responsive while refreshing.
• Loading states display correctly during refresh actions.

Notes

• Existing query caching behavior remains intact.
• Refresh logic leverages React Query invalidation/refetch mechanisms for consistency.
• Designed to support future screen additions with reusable refresh patterns.
  Closes Implement Pull-to-Refresh Across Screens #250

[vercel]

@MaryammAli is attempting to deploy a commit to the aminubabafatima8-gmailcom's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@MaryammAli Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits