From eb3db5f7c520060ed256f8d196f442c0d1142409 Mon Sep 17 00:00:00 2001
From: IliesAllali <pro.allali.ilies@gmail.com>
Date: Mon, 19 Oct 2026 11:09:04 +0200
Subject: [PATCH] =?UTF-8?q?Menu=20du=20compte=20:=20l'arbre=20en=20cours?=
 =?UTF-8?q?=20n'est=20plus=20gris=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Dans « Mes arbres », l'arbre en cours s'affichait grisé comme un élément désactivé. Il garde maintenant sa couleur normale, avec une coche terracotta, et reste non cliquable.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
---
 frontend/src/components/navbar/AvatarMenu.css | 2 ++
 frontend/src/components/navbar/AvatarMenu.jsx | 6 +++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/navbar/AvatarMenu.css b/frontend/src/components/navbar/AvatarMenu.css
index 8f2d1bd..e480cc3 100644
--- a/frontend/src/components/navbar/AvatarMenu.css
+++ b/frontend/src/components/navbar/AvatarMenu.css
@@ -45,3 +45,5 @@
 .navm-check { color: var(--pz-a700); }
 .navm-current { cursor: default; }
 .navm-current:hover { background: transparent !important; }
+/* Arbre en cours : désactivé pour le clavier et le clic, mais texte à sa couleur normale (pas la mise en retrait de .navm-item:disabled) */
+.navm-item.navm-current:disabled { opacity: 1; cursor: default; color: var(--pz-ink); }
diff --git a/frontend/src/components/navbar/AvatarMenu.jsx b/frontend/src/components/navbar/AvatarMenu.jsx
index c72cdfa..20e1e13 100644
--- a/frontend/src/components/navbar/AvatarMenu.jsx
+++ b/frontend/src/components/navbar/AvatarMenu.jsx
@@ -86,13 +86,16 @@ function AvatarMenu({
       <NavMenuSep />
       <NavMenuGroup label={t('Mes arbres')}>
         {trees.length > 1 ? trees.map((tree) => {
+          // L'arbre en cours : affiché comme courant (coche terracotta), non cliquable, pas grisé
           const isActive = String(tree.id) === String(activeTreeId)
           return (
             <NavMenuItem
               key={tree.id}
               icon={<span className="navm-tree-mono" aria-hidden="true">{(tree.name || '?').trim().charAt(0).toUpperCase()}</span>}
               label={tree.name}
-              onSelect={() => { onClose(); onSelectTree?.(tree.id) }}
+              onSelect={isActive ? undefined : () => { onClose(); onSelectTree?.(tree.id) }}
+              disabled={isActive}
+              className={isActive ? 'navm-current' : undefined}
               right={isActive ? <Check size={16} aria-hidden="true" className="navm-check" /> : null}
             />
           )
@@ -102,6 +105,7 @@ function AvatarMenu({
             label={currentTreeName}
             disabled
             className="navm-current"
+            right={<Check size={16} aria-hidden="true" className="navm-check" />}
           />
         )}
         <NavMenuItem icon={<Plus {...ICON} />} label={t('Créer un nouvel arbre')} onSelect={() => { onClose(); onCreateTree?.() }} />