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 ?