vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: lint

Browse Source
This commit is contained in:
karishmas6
2024-07-24 18:13:53 +05:30
parent 0b3a340725
commit e04c27e122
1 changed files with 30 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/components/organisms/BrowserWindow.tsx
View File

@@ -14,24 +14,24 @@ interface ConfirmationBoxProps {
// New component for the confirmation box inside the modal // New component for the confirmation box inside the modal
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 = () => {
@@ -99,7 +99,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 &&
@@ -126,17 +126,17 @@ export const BrowserWindow = () => {
<div onClick={handleClick}> <div onClick={handleClick}>
{ {
showConfirmation ? ( showConfirmation ? (
<GenericModal <GenericModal
isOpen={showConfirmation} isOpen={showConfirmation}
onClose={() => setShowConfirmation(false)} onClose={() => setShowConfirmation(false)}
canBeClosed={false} canBeClosed={false}
> >
<ConfirmationBox <ConfirmationBox
selector={highlighterData?.selector || ''} selector={highlighterData?.selector || ''}
onYes={() => handleConfirmation(true)} onYes={() => handleConfirmation(true)}
onNo={() => handleConfirmation(false)} onNo={() => handleConfirmation(false)}
/> />
</GenericModal> </GenericModal>
) : null ) : null
} }
{(!showConfirmation && highlighterData?.rect != null && highlighterData?.rect.top != null) && canvasRef?.current ? {(!showConfirmation && highlighterData?.rect != null && highlighterData?.rect.top != null) && canvasRef?.current ?