diff options
Diffstat (limited to 'src/client/components/SyncStatusIndicator.tsx')
| -rw-r--r-- | src/client/components/SyncStatusIndicator.tsx | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/src/client/components/SyncStatusIndicator.tsx b/src/client/components/SyncStatusIndicator.tsx index 4bb3ff5..c517b76 100644 --- a/src/client/components/SyncStatusIndicator.tsx +++ b/src/client/components/SyncStatusIndicator.tsx @@ -101,11 +101,15 @@ export function SyncStatusIndicator() { ); }; + const titleText = !isOnline + ? "Showing cached data — changes will sync when you're back online" + : lastError || undefined; + return ( <div data-testid="sync-status-indicator" className={`inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-medium transition-colors ${getStatusStyles()}`} - title={lastError || undefined} + title={titleText} > {getStatusIcon()} <span>{getStatusText()}</span> |