RomanNum3ral
/
OpenCut
mirror of https://github.com/OpenCut-app/OpenCut.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: use useShiftKey hook in bezier graph

This commit is contained in:
Maze Winther 2026-04-06 01:51:09 +02:00
parent ccd552a1c0
commit 05243616ea
1 changed files with 3 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
apps/web/src/components/editor/panels/timeline/graph-editor/bezier-graph.tsx
View File

@ -1,6 +1,7 @@
"use client";
import { useEffect, useRef, useState, type PointerEvent } from "react";
import { useRef, useState, type PointerEvent } from "react";
import { useShiftKey } from "@/hooks/use-shift-key";
import { getBezierPoint } from "@/lib/animation/bezier";
import type { NormalizedCubicBezier } from "@/lib/animation/types";
import { cn } from "@/utils/ui";
@ -85,26 +86,11 @@ export function BezierGraph({
}) {
const svgRef = useRef<SVGSVGElement>(null);
const [activeHandle, setActiveHandle] = useState<BezierHandle | null>(null);
const isShiftPressedRef = useRef(false);
const isShiftPressedRef = useShiftKey();
const latestValueRef = useRef(value);
latestValueRef.current = value;
useEffect(() => {
const onKeyDown = (event: KeyboardEvent) => {
if (event.key === "Shift") isShiftPressedRef.current = true;
};
const onKeyUp = (event: KeyboardEvent) => {
if (event.key === "Shift") isShiftPressedRef.current = false;
};
window.addEventListener("keydown", onKeyDown);
window.addEventListener("keyup", onKeyUp);
return () => {
window.removeEventListener("keydown", onKeyDown);
window.removeEventListener("keyup", onKeyUp);
};
}, []);
function getPointerPosition({
event,
}: {