chore: switch from biome to eslint + prettier; fix ton of lint issues

1 files changed, 10 insertions, 37 deletions

diff --git a/apps/web/src/selection/selection-box.tsx b/apps/web/src/selection/selection-box.tsx
index e30f574d..2f2bf933 100644
--- a/apps/web/src/selection/selection-box.tsx
+++ b/apps/web/src/selection/selection-box.tsx
@@ -1,49 +1,22 @@
 "use client";

 

-import { useMemo } from "react";

+import type { SelectionBoxBounds } from "@/selection/types";

 

 interface SelectionBoxProps {

-	startPos: { x: number; y: number } | null;

-	currentPos: { x: number; y: number } | null;

-	containerRef: React.RefObject<HTMLElement | null>;

-	isActive: boolean;

+	bounds: SelectionBoxBounds | null;

 }

 

-export function SelectionBox({

-	startPos,

-	currentPos,

-	containerRef,

-	isActive,

-}: SelectionBoxProps) {

-	const selectionBoxStyle = useMemo(() => {

-		if (!isActive || !startPos || !currentPos || !containerRef.current) {

-			return null;

-		}

-

-		const containerRect = containerRef.current.getBoundingClientRect();

-		const startX = startPos.x - containerRect.left;

-		const startY = startPos.y - containerRect.top;

-		const currentX = currentPos.x - containerRect.left;

-		const currentY = currentPos.y - containerRect.top;

-

-		const left = Math.min(startX, currentX);

-		const top = Math.min(startY, currentY);

-		const width = Math.abs(currentX - startX);

-		const height = Math.abs(currentY - startY);

-

-		return {

-			left: `${left}px`,

-			top: `${top}px`,

-			width: `${width}px`,

-			height: `${height}px`,

-		};

-	}, [containerRef, currentPos, isActive, startPos]);

-

-	if (!selectionBoxStyle) return null;

+export function SelectionBox({ bounds }: SelectionBoxProps) {

+	if (!bounds) return null;

 

 	return (

 		<div

-			style={selectionBoxStyle}

+			style={{

+				left: `${bounds.left}px`,

+				top: `${bounds.top}px`,

+				width: `${bounds.width}px`,

+				height: `${bounds.height}px`,

+			}}

 			className="border-foreground/50 bg-foreground/5 pointer-events-none absolute z-50 border"

 		/>

 	);