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 (
|
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
|
<RefreshCw
|
||||||
size={14}
|
size={14}
|
||||||
className={`${isSyncing ? 'animate-spin text-blue-500' : 'text-gray-400'}`}
|
className={`${isSyncing ? 'animate-spin text-blue-500' : 'text-gray-400'}`}
|
||||||
/>
|
/>
|
||||||
<span>
|
<span suppressHydrationWarning>
|
||||||
{isSyncing ? 'Syncing...' : `Last sync: ${lastSync.toLocaleTimeString()}`}
|
{isSyncing ? 'Syncing...' : `Last sync: ${lastSync.toLocaleTimeString()}`}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user