From fd837fe22fdfe7beb1881fb2b9e8c74a01630c27 Mon Sep 17 00:00:00 2001
From: stephen <stephen.lohning@oxnee.com>
Date: Sun, 18 Jan 2026 14:02:56 +1100
Subject: [PATCH] added  Sync Status

---
 src/app/dashboard/dashboard-view.tsx | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/app/dashboard/dashboard-view.tsx b/src/app/dashboard/dashboard-view.tsx
index 50fa0be..8ff9bed 100644
--- a/src/app/dashboard/dashboard-view.tsx
+++ b/src/app/dashboard/dashboard-view.tsx
@@ -108,6 +108,7 @@ export default function DashboardView({ initialFiles, user }: DashboardViewProps
   const [isRefreshing, setIsRefreshing] = useState(false);
   const router = useRouter();
   const isAdmin = user?.role === "ADMIN";
+  const [lastSynced, setLastSynced] = useState<Date | null>(new Date()); // Defaults to 'Just now' on load
 
   const getVirtualPath = (parentId: string | null): string => {
     if (!parentId) return "WebCalibre";
@@ -118,10 +119,11 @@ export default function DashboardView({ initialFiles, user }: DashboardViewProps
   };
 
   const handleSync = async () => {
-    setLoading(true);
-    try {
-      await syncOneDrive();
-      router.refresh(); 
+  setLoading(true);
+  try {
+    await syncOneDrive();
+    setLastSynced(new Date()); // Update the time
+    router.refresh(); 
     } catch (error) {
       console.error("Sync failed:", error);
     } finally {
@@ -226,7 +228,12 @@ export default function DashboardView({ initialFiles, user }: DashboardViewProps
 
   return (
     <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>
-      <Box sx={{ display: 'flex', justifyContent: 'flex-end', gap: 2 }}>
+      <Box sx={{ display: 'flex', justifyContent: 'flex-end', alignItems: 'center', gap: 2 }}>
+        {lastSynced && (
+          <Typography variant="caption" color="text.secondary" sx={{ fontStyle: 'italic' }}>
+             Last synced: {lastSynced.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}
+          </Typography>
+         )}
         <Button 
           variant="outlined" 
           startIcon={isRefreshing ? <CircularProgress size={16} /> : <RefreshIcon />}