External/OpenCut
1
0
Fork 0
mirror of https://github.com/OpenCut-app/OpenCut.git synced 2026-07-13 21:52:53 +02:00
Code Issues Packages Projects Releases Wiki Activity

refactor: use useShiftKey hook in bezier graph

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/editor/panels/timeline/graph-editor/bezier-graph.tsx
+3 -17
View File
@@ -1,6 +1,7 @@
"use client"; "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 { getBezierPoint } from "@/lib/animation/bezier";
import type { NormalizedCubicBezier } from "@/lib/animation/types"; import type { NormalizedCubicBezier } from "@/lib/animation/types";
import { cn } from "@/utils/ui"; import { cn } from "@/utils/ui";
@@ -85,26 +86,11 @@ export function BezierGraph({
}) { }) {
const svgRef = useRef<SVGSVGElement>(null); const svgRef = useRef<SVGSVGElement>(null);
const [activeHandle, setActiveHandle] = useState<BezierHandle | null>(null); const [activeHandle, setActiveHandle] = useState<BezierHandle | null>(null);
const isShiftPressedRef = useRef(false); const isShiftPressedRef = useShiftKey();
const latestValueRef = useRef(value); const latestValueRef = useRef(value);
latestValueRef.current = 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({ function getPointerPosition({
event, event,
}: { }: {