From 7063cdf5aa522dc6eb5813f411aa6b6c0b0cde75 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sun, 14 Jul 2024 00:46:39 +0530
Subject: [PATCH] chore: remove unused code

---
 src/components/organisms/BrowserWindow.tsx | 34 +++-------------------
 1 file changed, 4 insertions(+), 30 deletions(-)

diff --git a/src/components/organisms/BrowserWindow.tsx b/src/components/organisms/BrowserWindow.tsx
index 13ec0a91..c4c2e638 100644
--- a/src/components/organisms/BrowserWindow.tsx
+++ b/src/components/organisms/BrowserWindow.tsx
@@ -9,7 +9,6 @@ export const BrowserWindow = () => {
     const [canvasRef, setCanvasReference] = useState<React.RefObject<HTMLCanvasElement> | undefined>(undefined);
     const [screenShot, setScreenShot] = useState<string>("");
     const [highlighterData, setHighlighterData] = useState<{ rect: DOMRect, selector: string } | null>(null);
-    const [selectedElements, setSelectedElements] = useState<Array<{ rect: DOMRect, selector: string }>>([]);
 
     const { socket } = useSocketStore();
     const { width, height } = useBrowserDimensionsStore();
@@ -56,52 +55,29 @@ export const BrowserWindow = () => {
         console.log('Highlighter Rect via socket:', data.rect)
     }, [highlighterData])
 
-    const handleClick = useCallback(() => {
-        if (highlighterData) {
-            setSelectedElements(prev => [...prev, highlighterData]);
-        }
-    }, [highlighterData]);
-
     useEffect(() => {
         document.addEventListener('mousemove', onMouseMove, false);
-        document.addEventListener('click', handleClick);
         if (socket) {
             socket.on("highlighter", highlighterHandler);
         }
         //cleaning function
         return () => {
             document.removeEventListener('mousemove', onMouseMove);
-            document.removeEventListener('click', handleClick);
             socket?.off("highlighter", highlighterHandler);
         };
-    }, [socket, onMouseMove, handleClick]);
-
+    }, [socket, onMouseMove]);
 
     return (
         <>
             {(highlighterData?.rect != null && highlighterData?.rect.top != null) && canvasRef?.current ?
-                <Highlighter
+                < Highlighter
                     unmodifiedRect={highlighterData?.rect}
                     displayedSelector={highlighterData?.selector}
                     width={width}
                     height={height}
                     canvasRect={canvasRef.current.getBoundingClientRect()}
-                    isSelected={false}
                 />
                 : null}
-            {selectedElements.map((element, index) => (
-                canvasRef?.current ?
-                    <Highlighter
-                        key={index}
-                        unmodifiedRect={element?.rect}
-                        displayedSelector={element?.selector}
-                        width={width}
-                        height={height}
-                        canvasRect={canvasRef.current.getBoundingClientRect()}
-                        isSelected={true}
-                    />
-                    : null
-            ))}
             <Canvas
                 onCreateRef={setCanvasReference}
                 width={width}
@@ -120,11 +96,9 @@ const drawImage = (image: string, canvas: HTMLCanvasElement): void => {
     img.src = image;
     img.onload = () => {
         URL.revokeObjectURL(img.src);
-        //ctx?.clearRect(0, 0, canvas?.width || 0, VIEWPORT_H || 0);
-        // ctx?.drawImage(img, 0, 0, canvas.width , canvas.height);
-        ctx?.drawImage(img, 0, 0, 1280, 720); // Explicitly draw image at 1280 x 720
+        ctx?.drawImage(img, 0, 0, 1280, 720);
         console.log('Image drawn on canvas:', img.width, img.height);
         console.log('Image drawn on canvas:', canvas.width, canvas.height);
     };
 
-};
+};
\ No newline at end of file