mARTin-B78/My-Weekly-ToDo-List
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: resolve React Hook violation in GridTaskBlock

Browse Source
This commit is contained in:
mARTin 2026-02-26 07:41:59 +01:00
parent dddde43935
commit 9652bd374e
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/GridTaskBlock.tsx
View File

@ -111,16 +111,18 @@ export function GridTaskBlock({
const pixelsPerMinute = getSlotHeight(cellDuration) / cellDuration;
useEffect(() => {
const onResizeMove = (e: MouseEvent) => {
if (!task.startTime) return;
const handleResizeMove = (e: MouseEvent) => {
if (!isResizing) return;
const deltaY = e.clientY - resizeStartY.current;
let newHeight = resizeStartHeight.current + deltaY;
const minHeight = 15 * pixelsPerMinute; // min 15 mins
const minHeight = 15 * pixelsPerMinute;
if (newHeight < minHeight) newHeight = minHeight;
setResizeHeight(newHeight);
};
const onResizeEnd = () => {
const handleResizeEnd = () => {
if (!isResizing) return;
setIsResizing(false);
document.body.style.cursor = "";
@ -132,15 +134,15 @@ export function GridTaskBlock({
};
if (isResizing) {
window.addEventListener("mousemove", onResizeMove);
window.addEventListener("mouseup", onResizeEnd);
window.addEventListener("mousemove", handleResizeMove);
window.addEventListener("mouseup", handleResizeEnd);
}
return () => {
window.removeEventListener("mousemove", onResizeMove);
window.removeEventListener("mouseup", onResizeEnd);
window.removeEventListener("mousemove", handleResizeMove);
window.removeEventListener("mouseup", handleResizeEnd);
};
}, [isResizing, resizeHeight, pixelsPerMinute, task.id, updateTaskDuration]);
}, [isResizing, resizeHeight, pixelsPerMinute, task.id, updateTaskDuration, task.startTime]);
if (!task.startTime) return null;