diff --git a/src/components/organisms/BrowserWindow.tsx b/src/components/organisms/BrowserWindow.tsx
index b87afaca..a606326e 100644
--- a/src/components/organisms/BrowserWindow.tsx
+++ b/src/components/organisms/BrowserWindow.tsx
@@ -14,24 +14,24 @@ interface ConfirmationBoxProps {
// New component for the confirmation box inside the modal
const ConfirmationBox = ({ selector, onYes, onNo }: ConfirmationBoxProps) => {
- return (
-
-
- Confirmation
-
-
- Do you want to interact with the element: {selector}?
-
-
-
-
-
-
- );
+ return (
+
+
+ Confirmation
+
+
+ Do you want to interact with the element: {selector}?
+
+
+
+
+
+
+ );
};
export const BrowserWindow = () => {
@@ -99,7 +99,7 @@ export const BrowserWindow = () => {
const canvasRect = canvasRef.current.getBoundingClientRect();
const clickX = e.clientX - canvasRect.left;
const clickY = e.clientY - canvasRect.top;
-
+
const highlightRect = highlighterData.rect;
if (
clickX >= highlightRect.left &&
@@ -126,17 +126,17 @@ export const BrowserWindow = () => {
{
showConfirmation ? (
- setShowConfirmation(false)}
- canBeClosed={false}
- >
- handleConfirmation(true)}
- onNo={() => handleConfirmation(false)}
- />
-
+ setShowConfirmation(false)}
+ canBeClosed={false}
+ >
+ handleConfirmation(true)}
+ onNo={() => handleConfirmation(false)}
+ />
+
) : null
}
{(!showConfirmation && highlighterData?.rect != null && highlighterData?.rect.top != null) && canvasRef?.current ?