From 79026733cb1748e631f9e0e3a10801833a46cb29 Mon Sep 17 00:00:00 2001
From: Paul Bailey <psbailey31@gmail.com>
Date: Wed, 3 Dec 2025 00:43:04 +0000
Subject: [PATCH] Add suppressHydrationWarning to SyncIndicator

- Suppress hydration warnings for timestamp display
- Prevents React hydration errors from time formatting differences
---
 components/SyncIndicator.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/components/SyncIndicator.tsx b/components/SyncIndicator.tsx
index d5cf870..6d150e9 100644
--- a/components/SyncIndicator.tsx
+++ b/components/SyncIndicator.tsx
@@ -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>