From d3e7d171e4ec70ab3c283b27f7146ce90c4e7b83 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Wed, 17 Sep 2025 11:52:20 +0200
Subject: [PATCH] fix: hide action buttons in TaskCard during title editing -
 Updated TaskCard to conditionally render edit and delete buttons only when
 not in editing mode, improving user experience by preventing accidental
 actions while editing.

---
 components/kanban/TaskCard.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/kanban/TaskCard.tsx b/components/kanban/TaskCard.tsx
index e4060ef..e80b799 100644
--- a/components/kanban/TaskCard.tsx
+++ b/components/kanban/TaskCard.tsx
@@ -205,8 +205,8 @@ export function TaskCard({ task, onDelete, onEdit, onUpdateTitle, compactView =
           )}
           
           <div className="flex items-center gap-1 flex-shrink-0">
-            {/* Boutons d'action compacts */}
-            {onEdit && (
+            {/* Boutons d'action compacts - masqués en mode édition */}
+            {!isEditingTitle && onEdit && (
               <button
                 onClick={handleEdit}
                 className="opacity-0 group-hover:opacity-100 w-5 h-5 rounded-full bg-[var(--primary)]/20 hover:bg-[var(--primary)]/30 border border-[var(--primary)]/30 hover:border-[var(--primary)]/50 flex items-center justify-center transition-all duration-200 text-[var(--primary)] hover:text-[var(--primary)] text-xs"
@@ -216,7 +216,7 @@ export function TaskCard({ task, onDelete, onEdit, onUpdateTitle, compactView =
               </button>
             )}
             
-            {onDelete && (
+            {!isEditingTitle && onDelete && (
               <button
                 onClick={handleDelete}
                 className="opacity-0 group-hover:opacity-100 w-5 h-5 rounded-full bg-[var(--destructive)]/20 hover:bg-[var(--destructive)]/30 border border-[var(--destructive)]/30 hover:border-[var(--destructive)]/50 flex items-center justify-center transition-all duration-200 text-[var(--destructive)] hover:text-[var(--destructive)] text-xs"
@@ -284,8 +284,8 @@ export function TaskCard({ task, onDelete, onEdit, onUpdateTitle, compactView =
         )}
         
         <div className="flex items-center gap-1 flex-shrink-0">
-          {/* Bouton d'édition discret */}
-          {onEdit && (
+          {/* Bouton d'édition discret - masqué en mode édition */}
+          {!isEditingTitle && onEdit && (
             <button
               onClick={handleEdit}
               className="opacity-0 group-hover:opacity-100 w-4 h-4 rounded-full bg-[var(--primary)]/20 hover:bg-[var(--primary)]/30 border border-[var(--primary)]/30 hover:border-[var(--primary)]/50 flex items-center justify-center transition-all duration-200 text-[var(--primary)] hover:text-[var(--primary)] text-xs"
@@ -295,8 +295,8 @@ export function TaskCard({ task, onDelete, onEdit, onUpdateTitle, compactView =
             </button>
           )}
           
-          {/* Bouton de suppression discret */}
-          {onDelete && (
+          {/* Bouton de suppression discret - masqué en mode édition */}
+          {!isEditingTitle && onDelete && (
             <button
               onClick={handleDelete}
               className="opacity-0 group-hover:opacity-100 w-4 h-4 rounded-full bg-[var(--destructive)]/20 hover:bg-[var(--destructive)]/30 border border-[var(--destructive)]/30 hover:border-[var(--destructive)]/50 flex items-center justify-center transition-all duration-200 text-[var(--destructive)] hover:text-[var(--destructive)] text-xs"