chore: lint
This commit is contained in:
@@ -13,24 +13,24 @@ interface ConfirmationBoxProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const ConfirmationBox = ({ selector, onYes, onNo }: ConfirmationBoxProps) => {
|
const ConfirmationBox = ({ selector, onYes, onNo }: ConfirmationBoxProps) => {
|
||||||
return (
|
return (
|
||||||
<Box sx={{ textAlign: 'center' }}>
|
<Box sx={{ textAlign: 'center' }}>
|
||||||
<Typography variant="h6" component="h2" gutterBottom>
|
<Typography variant="h6" component="h2" gutterBottom>
|
||||||
Confirmation
|
Confirmation
|
||||||
</Typography>
|
</Typography>
|
||||||
<Typography variant="body1" gutterBottom>
|
<Typography variant="body1" gutterBottom>
|
||||||
Do you want to interact with the element: {selector}?
|
Do you want to interact with the element: {selector}?
|
||||||
</Typography>
|
</Typography>
|
||||||
<Box sx={{ mt: 2, display: 'flex', justifyContent: 'center', gap: 2 }}>
|
<Box sx={{ mt: 2, display: 'flex', justifyContent: 'center', gap: 2 }}>
|
||||||
<Button variant="contained" color="primary" onClick={onYes}>
|
<Button variant="contained" color="primary" onClick={onYes}>
|
||||||
Yes
|
Yes
|
||||||
</Button>
|
</Button>
|
||||||
<Button variant="contained" color="secondary" onClick={onNo}>
|
<Button variant="contained" color="secondary" onClick={onNo}>
|
||||||
No
|
No
|
||||||
</Button>
|
</Button>
|
||||||
</Box>
|
</Box>
|
||||||
</Box>
|
</Box>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export const BrowserWindow = () => {
|
export const BrowserWindow = () => {
|
||||||
@@ -98,7 +98,7 @@ export const BrowserWindow = () => {
|
|||||||
const canvasRect = canvasRef.current.getBoundingClientRect();
|
const canvasRect = canvasRef.current.getBoundingClientRect();
|
||||||
const clickX = e.clientX - canvasRect.left;
|
const clickX = e.clientX - canvasRect.left;
|
||||||
const clickY = e.clientY - canvasRect.top;
|
const clickY = e.clientY - canvasRect.top;
|
||||||
|
|
||||||
const highlightRect = highlighterData.rect;
|
const highlightRect = highlighterData.rect;
|
||||||
if (
|
if (
|
||||||
clickX >= highlightRect.left &&
|
clickX >= highlightRect.left &&
|
||||||
@@ -123,8 +123,8 @@ export const BrowserWindow = () => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div onClick={handleClick}>
|
<div onClick={handleClick}>
|
||||||
<GenericModal
|
<GenericModal
|
||||||
isOpen={showConfirmation}
|
isOpen={showConfirmation}
|
||||||
onClose={() => setShowConfirmation(false)}
|
onClose={() => setShowConfirmation(false)}
|
||||||
canBeClosed={false}
|
canBeClosed={false}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user