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:
2
TODO.md
2
TODO.md
@@ -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)
|
||||||
|
|
||||||
|
|||||||
@@ -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>
|
||||||
);
|
);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user