chore: lint
This commit is contained in:
@@ -37,7 +37,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
|
|||||||
const [selectedLimit, setSelectedLimit] = useState<string>('10');
|
const [selectedLimit, setSelectedLimit] = useState<string>('10');
|
||||||
|
|
||||||
const { lastAction, notify } = useGlobalInfoStore();
|
const { lastAction, notify } = useGlobalInfoStore();
|
||||||
const { getText, startGetText, stopGetText, getScreenshot, startGetScreenshot, stopGetScreenshot, paginationMode, getList, startGetList, stopGetList, startPaginationMode, stopPaginationMode, paginationType, updatePaginationType, limitMode, limitType, customLimit, updateLimitType, updateCustomLimit, stopLimitMode } = useActionContext();
|
const { getText, startGetText, stopGetText, getScreenshot, startGetScreenshot, stopGetScreenshot, paginationMode, getList, startGetList, stopGetList, startPaginationMode, stopPaginationMode, paginationType, updatePaginationType, limitMode, limitType, customLimit, updateLimitType, updateCustomLimit, stopLimitMode } = useActionContext();
|
||||||
const { browserSteps, updateBrowserTextStepLabel, deleteBrowserStep, addScreenshotStep } = useBrowserSteps();
|
const { browserSteps, updateBrowserTextStepLabel, deleteBrowserStep, addScreenshotStep } = useBrowserSteps();
|
||||||
const { socket } = useSocketStore();
|
const { socket } = useSocketStore();
|
||||||
|
|
||||||
@@ -246,34 +246,34 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
|
|||||||
</Box>
|
</Box>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{limitMode && (
|
{limitMode && (
|
||||||
<FormControl>
|
<FormControl>
|
||||||
<FormLabel>
|
<FormLabel>
|
||||||
<h4>What is the maximum number of rows you want to extract?</h4>
|
<h4>What is the maximum number of rows you want to extract?</h4>
|
||||||
</FormLabel>
|
</FormLabel>
|
||||||
<RadioGroup row value={limitType} onChange={(e) => updateLimitType(e.target.value as LimitType)} sx={{ width: '500px' }}>
|
<RadioGroup row value={limitType} onChange={(e) => updateLimitType(e.target.value as LimitType)} sx={{ width: '500px' }}>
|
||||||
<FormControlLabel value="10" control={<Radio />} label="10" />
|
<FormControlLabel value="10" control={<Radio />} label="10" />
|
||||||
<FormControlLabel value="100" control={<Radio />} label="100" />
|
<FormControlLabel value="100" control={<Radio />} label="100" />
|
||||||
<FormControlLabel value="custom" control={<Radio />} label="Custom" />
|
<FormControlLabel value="custom" control={<Radio />} label="Custom" />
|
||||||
{limitType === 'custom' && (
|
{limitType === 'custom' && (
|
||||||
<TextField
|
<TextField
|
||||||
type="number"
|
type="number"
|
||||||
value={customLimit}
|
value={customLimit}
|
||||||
onChange={(e) => updateCustomLimit(e.target.value)}
|
onChange={(e) => updateCustomLimit(e.target.value)}
|
||||||
placeholder="Enter number"
|
placeholder="Enter number"
|
||||||
sx={{
|
sx={{
|
||||||
marginLeft: '10px',
|
marginLeft: '10px',
|
||||||
marginTop: '-3px',
|
marginTop: '-3px',
|
||||||
'& input': {
|
'& input': {
|
||||||
padding: '10px',
|
padding: '10px',
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</RadioGroup>
|
</RadioGroup>
|
||||||
</FormControl>
|
</FormControl>
|
||||||
|
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{!getText && !getScreenshot && !getList && <Button variant="contained" onClick={startGetText}>Capture Text</Button>}
|
{!getText && !getScreenshot && !getList && <Button variant="contained" onClick={startGetText}>Capture Text</Button>}
|
||||||
{getText &&
|
{getText &&
|
||||||
|
|||||||
Reference in New Issue
Block a user