From a9b9cf6bf50f08723896659634f2e6afc17bcd42 Mon Sep 17 00:00:00 2001 From: Maze Winther Date: Wed, 29 Apr 2026 00:37:56 +0200 Subject: chore: switch from biome to eslint + prettier; fix ton of lint issues --- apps/web/src/preview/components/preview-viewport.tsx | 16 ++++++---------- 1 file changed, 6 insertions(+), 10 deletions(-) (limited to 'apps/web/src/preview/components/preview-viewport.tsx') diff --git a/apps/web/src/preview/components/preview-viewport.tsx b/apps/web/src/preview/components/preview-viewport.tsx index 6dc9f084..be261adc 100644 --- a/apps/web/src/preview/components/preview-viewport.tsx +++ b/apps/web/src/preview/components/preview-viewport.tsx @@ -9,6 +9,7 @@ import { useRef, useState, } from "react"; +import { useCommittedRef } from "@/hooks/use-committed-ref"; import { canvasToOverlay, getDisplayScale, @@ -219,8 +220,7 @@ export function usePreviewViewportState({ })); const [isPanning, setIsPanning] = useState(false); const panSessionRef = useRef(null); - const centerRef = useRef(center); - centerRef.current = center; + const centerRef = useCommittedRef(center); const fitScale = useMemo( () => @@ -409,10 +409,10 @@ export function usePreviewViewportState({ pointerId: event.pointerId, }; setIsPanning(true); - (event.currentTarget as HTMLElement).setPointerCapture(event.pointerId); + event.currentTarget.setPointerCapture(event.pointerId); return true; }, - [zoom], + [centerRef, zoom], ); const handlePanPointerMove = useCallback( @@ -451,13 +451,9 @@ export function usePreviewViewportState({ } if ( - (event.currentTarget as HTMLElement).hasPointerCapture( - panSession.pointerId, - ) + event.currentTarget.hasPointerCapture(panSession.pointerId) ) { - (event.currentTarget as HTMLElement).releasePointerCapture( - panSession.pointerId, - ); + event.currentTarget.releasePointerCapture(panSession.pointerId); } panSessionRef.current = null; -- cgit v1.3.1