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

feat(wip): ui for limit

Browse Source
This commit is contained in:
karishmas6
2024-09-08 12:22:33 +05:30
parent b19b05438e
commit 4f81ad297b
1 changed files with 27 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
src/components/organisms/RightSidePanel.tsx
View File

@@ -246,35 +246,33 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
</Box> </Box>
)} )}
{showLimitOptions && ( {limitMode && (
<Box display="flex" flexDirection="column" gap={2} style={{ margin: '15px' }}> <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={selectedLimit} onChange={handleLimitChange} 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' && (
{selectedLimit === 'custom' && ( <TextField
<TextField type="number"
type="number" value={customLimit}
value={customLimit} onChange={(e) => updateCustomLimit(e.target.value)}
onChange={handleCustomLimitChange} 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>
<Button variant="contained" onClick={handleConfirmListCapture}>Confirm Limit</Button>
</Box>
)} )}
{!getText && !getScreenshot && !getList && <Button variant="contained" onClick={startGetText}>Capture Text</Button>} {!getText && !getScreenshot && !getList && <Button variant="contained" onClick={startGetText}>Capture Text</Button>}