Add suppressHydrationWarning to SyncIndicator

- Suppress hydration warnings for timestamp display
- Prevents React hydration errors from time formatting differences
This commit is contained in:
2025-12-03 00:43:04 +00:00
parent 865c2a85de
commit 79026733cb

View File

@@ -49,12 +49,15 @@ export default function SyncIndicator() {
}
return (
<div className="fixed top-4 right-4 z-50 flex items-center gap-2 px-3 py-2 bg-white border border-gray-200 rounded-lg shadow-sm text-xs text-gray-600">
<div
className="fixed top-4 right-4 z-50 flex items-center gap-2 px-3 py-2 bg-white border border-gray-200 rounded-lg shadow-sm text-xs text-gray-600"
suppressHydrationWarning
>
<RefreshCw
size={14}
className={`${isSyncing ? 'animate-spin text-blue-500' : 'text-gray-400'}`}
/>
<span>
<span suppressHydrationWarning>
{isSyncing ? 'Syncing...' : `Last sync: ${lastSync.toLocaleTimeString()}`}
</span>
</div>