From 1f15857fefc6907c980171f0945c39ff43491ca8 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Fri, 26 Jul 2024 22:53:02 +0530
Subject: [PATCH] feat(wip): addBrowserSteps for highlighter

---
 src/components/organisms/BrowserWindow.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/organisms/BrowserWindow.tsx b/src/components/organisms/BrowserWindow.tsx
index 3abde59d..0fff4db9 100644
--- a/src/components/organisms/BrowserWindow.tsx
+++ b/src/components/organisms/BrowserWindow.tsx
@@ -5,6 +5,7 @@ import { useBrowserDimensionsStore } from "../../context/browserDimensions";
 import { Highlighter } from "../atoms/Highlighter";
 import { GenericModal } from '../atoms/GenericModal';
 import { useActionContext } from '../../context/browserActions';
+import { useBrowserSteps } from '../../context/browserSteps';
 import { ConfirmationBox } from "../atoms/ConfirmationBox";
 
 export const BrowserWindow = () => {
@@ -16,6 +17,7 @@ export const BrowserWindow = () => {
     const { socket } = useSocketStore();
     const { width, height } = useBrowserDimensionsStore();
     const { getText, getScreenshot } = useActionContext();
+    const { addBrowserStep } = useBrowserSteps();
 
     const onMouseMove = (e: MouseEvent) => {
         if (canvasRef && canvasRef.current && highlighterData) {
@@ -78,7 +80,7 @@ export const BrowserWindow = () => {
                 clickY >= highlightRect.top &&
                 clickY <= highlightRect.bottom
             ) {
-                setShowConfirmation(true);
+                addBrowserStep('Label 1', highlighterData.selector); 
             }
         }
     };