Add suppressHydrationWarning to SyncIndicator
- Suppress hydration warnings for timestamp display - Prevents React hydration errors from time formatting differences
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user