chore: lint

This commit is contained in:
karishmas6
2024-07-22 17:02:20 +05:30
parent 11fdc05eeb
commit 0d69e7e776

View File

@@ -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}
> >