From 472135a97f47791eda5d7b9b69b5ccdb31236059 Mon Sep 17 00:00:00 2001
From: Julien Froidefond <julien.froidefond@cdbdx.biz>
Date: Mon, 22 Sep 2025 09:09:50 +0200
Subject: [PATCH] fix: remove tooltip functionality from TaskCard component -
 Disabled hover tooltip on task cards by removing related state and event
 handlers. - Updated TODO.md to reflect the completion of disabling hover on
 task cards.

---
 TODO.md                            |  2 +-
 src/components/kanban/TaskCard.tsx | 28 ----------------------------
 2 files changed, 1 insertion(+), 29 deletions(-)

diff --git a/TODO.md b/TODO.md
index 3e6230a..9b7df42 100644
--- a/TODO.md
+++ b/TODO.md
@@ -1,7 +1,7 @@
 # TowerControl v2.0 - Gestionnaire de tâches moderne
 
 ## Autre Todos
-- [ ] Désactiver le hover sur les taskCard
+- [x] Désactiver le hover sur les taskCard
 
 ## 🔧 Phase 6: Fonctionnalités avancées (Priorité 6)
 
diff --git a/src/components/kanban/TaskCard.tsx b/src/components/kanban/TaskCard.tsx
index aae8783..5e34ac6 100644
--- a/src/components/kanban/TaskCard.tsx
+++ b/src/components/kanban/TaskCard.tsx
@@ -20,7 +20,6 @@ interface TaskCardProps {
 export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
   const [isEditingTitle, setIsEditingTitle] = useState(false);
   const [editTitle, setEditTitle] = useState(task.title);
-  const [showTooltip, setShowTooltip] = useState(false);
   const [isPending, startTransition] = useTransition();
   const timeoutRef = useRef<NodeJS.Timeout | null>(null);
   const { tags: availableTags, refreshTasks } = useTasksContext();
@@ -115,7 +114,6 @@ export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
     e.stopPropagation();
     if (!isDragging && !isPending) {
       setIsEditingTitle(true);
-      setShowTooltip(false);
     }
   };
 
@@ -136,13 +134,11 @@ export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
       });
     }
     setIsEditingTitle(false);
-    setShowTooltip(false);
   };
 
   const handleTitleCancel = () => {
     setEditTitle(task.title);
     setIsEditingTitle(false);
-    setShowTooltip(false);
   };
 
   const handleTitleKeyPress = (e: React.KeyboardEvent) => {
@@ -155,21 +151,6 @@ export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
     }
   };
 
-  const handleMouseEnter = () => {
-    if (!isEditingTitle) {
-      timeoutRef.current = setTimeout(() => {
-        setShowTooltip(true);
-      }, 100);
-    }
-  };
-
-  const handleMouseLeave = () => {
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = null;
-    }
-    setShowTooltip(false);
-  };
 
   // Style de transformation pour le drag
   const style = transform ? {
@@ -187,20 +168,11 @@ export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
       <h4 
         className={`font-mono ${fontClasses.title} font-medium text-[var(--foreground)] leading-tight line-clamp-2 cursor-pointer hover:text-[var(--primary)] transition-colors`}
         onClick={handleTitleClick}
-        onMouseEnter={handleMouseEnter}
-        onMouseLeave={handleMouseLeave}
         title="Cliquer pour éditer"
       >
         {titleWithoutEmojis}
       </h4>
       
-      {/* Tooltip */}
-      {showTooltip && (
-        <div className="absolute z-50 bottom-full left-0 mb-2 px-2 py-1 bg-[var(--background)] border border-[var(--border)] rounded-md shadow-lg max-w-xs whitespace-normal break-words text-xs font-mono text-[var(--foreground)]">
-          {titleWithoutEmojis}
-          <div className="absolute top-full left-2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-[var(--border)]"></div>
-        </div>
-      )}
     </div>
   );