Problem
components/error/OfflineBoundary.tsx exists but its integration in the app layout is unclear. During a network disruption, API calls fail silently or show generic error states.
For users in markets with intermittent connectivity (a primary target for Aframp), graceful offline handling is critical.
Fix
- Ensure
<OfflineBoundary /> wraps all data-dependent pages
- Add service worker caching for exchange rates (stale-while-revalidate)
- Show a non-blocking 'You are offline' banner with last-known data timestamp
- Queue non-urgent actions for retry on reconnect
Impact
Medium UX — important for African markets with variable connectivity.
Problem
components/error/OfflineBoundary.tsxexists but its integration in the app layout is unclear. During a network disruption, API calls fail silently or show generic error states.For users in markets with intermittent connectivity (a primary target for Aframp), graceful offline handling is critical.
Fix
<OfflineBoundary />wraps all data-dependent pagesImpact
Medium UX — important for African markets with variable connectivity.