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.
This commit is contained in:
Julien Froidefond
2025-09-22 09:09:50 +02:00
parent b5d53ef0f1
commit 472135a97f
2 changed files with 1 additions and 29 deletions

View File

@@ -1,7 +1,7 @@
# TowerControl v2.0 - Gestionnaire de tâches moderne # TowerControl v2.0 - Gestionnaire de tâches moderne
## Autre Todos ## 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) ## 🔧 Phase 6: Fonctionnalités avancées (Priorité 6)

View File

@@ -20,7 +20,6 @@ interface TaskCardProps {
export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) { export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
const [isEditingTitle, setIsEditingTitle] = useState(false); const [isEditingTitle, setIsEditingTitle] = useState(false);
const [editTitle, setEditTitle] = useState(task.title); const [editTitle, setEditTitle] = useState(task.title);
const [showTooltip, setShowTooltip] = useState(false);
const [isPending, startTransition] = useTransition(); const [isPending, startTransition] = useTransition();
const timeoutRef = useRef<NodeJS.Timeout | null>(null); const timeoutRef = useRef<NodeJS.Timeout | null>(null);
const { tags: availableTags, refreshTasks } = useTasksContext(); const { tags: availableTags, refreshTasks } = useTasksContext();
@@ -115,7 +114,6 @@ export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
e.stopPropagation(); e.stopPropagation();
if (!isDragging && !isPending) { if (!isDragging && !isPending) {
setIsEditingTitle(true); setIsEditingTitle(true);
setShowTooltip(false);
} }
}; };
@@ -136,13 +134,11 @@ export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
}); });
} }
setIsEditingTitle(false); setIsEditingTitle(false);
setShowTooltip(false);
}; };
const handleTitleCancel = () => { const handleTitleCancel = () => {
setEditTitle(task.title); setEditTitle(task.title);
setIsEditingTitle(false); setIsEditingTitle(false);
setShowTooltip(false);
}; };
const handleTitleKeyPress = (e: React.KeyboardEvent) => { 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 // Style de transformation pour le drag
const style = transform ? { const style = transform ? {
@@ -187,20 +168,11 @@ export function TaskCard({ task, onEdit, compactView = false }: TaskCardProps) {
<h4 <h4
className={`font-mono ${fontClasses.title} font-medium text-[var(--foreground)] leading-tight line-clamp-2 cursor-pointer hover:text-[var(--primary)] transition-colors`} 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} onClick={handleTitleClick}
onMouseEnter={handleMouseEnter}
onMouseLeave={handleMouseLeave}
title="Cliquer pour éditer" title="Cliquer pour éditer"
> >
{titleWithoutEmojis} {titleWithoutEmojis}
</h4> </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> </div>
); );