Update header to show if user is connected/linked

This commit is contained in:
omaroughriss 2025-09-30 17:55:08 +02:00
parent bedfbdc227
commit bca17907b9

View File

@ -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">