From bca17907b9538cfae4dc9f136e4a2f7ba26e44a8 Mon Sep 17 00:00:00 2001
From: omaroughriss <omaroughriss8@gmail.com>
Date: Tue, 30 Sep 2025 17:55:08 +0200
Subject: [PATCH] Update header to show if user is connected/linked

---
 app/dashboard/folders/page.tsx | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/app/dashboard/folders/page.tsx b/app/dashboard/folders/page.tsx
index 0361457..9d90336 100644
--- a/app/dashboard/folders/page.tsx
+++ b/app/dashboard/folders/page.tsx
@@ -1472,8 +1472,23 @@ export default function FoldersPage() {
       {/* Header */}
       <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between">
         <div>
-          <h1 className="text-2xl font-bold text-gray-900">Dossiers</h1>
-          <p className="text-gray-600 mt-1">Organisez vos documents par dossiers</p>
+          <div className="flex items-center gap-3">
+            <h1 className="text-2xl font-bold text-gray-900">Dossiers</h1>
+            <Badge 
+              variant={isConnected ? "default" : "secondary"}
+              className={isConnected ? "bg-green-100 text-green-800" : "bg-gray-100 text-gray-600"}
+            >
+              {isConnected ? "4NK Connecté" : "4NK Déconnecté"}
+            </Badge>
+          </div>
+          <p className="text-gray-600 mt-1">
+            Organisez vos documents par dossiers
+            {isConnected && userPairingId && (
+              <span className="text-sm text-green-600 ml-2">
+                • ID: {userPairingId.substring(0, 8)}...
+              </span>
+            )}
+          </p>
         </div>
         <div className="flex items-center space-x-3 mt-4 sm:mt-0">
           <Button variant="outline" size="sm">