chore: lint

This commit is contained in:
karishmas6
2024-08-30 22:45:49 +05:30
parent 1d41204dc8
commit 165e424da2

View File

@@ -153,71 +153,71 @@ export const InterpretationLog = () => {
<Highlight className="javascript"> <Highlight className="javascript">
{log} {log}
</Highlight> </Highlight>
<TableContainer component={Paper}> <TableContainer component={Paper}>
<Table sx={{ minWidth: 650 }} stickyHeader aria-label="simple table"> <Table sx={{ minWidth: 650 }} stickyHeader aria-label="simple table">
<TableHead> <TableHead>
<TableRow> <TableRow>
<TableCell>Dessert (100g serving)</TableCell> <TableCell>Dessert (100g serving)</TableCell>
<TableCell align="right">Calories</TableCell> <TableCell align="right">Calories</TableCell>
<TableCell align="right">Fat&nbsp;(g)</TableCell> <TableCell align="right">Fat&nbsp;(g)</TableCell>
<TableCell align="right">Carbs&nbsp;(g)</TableCell> <TableCell align="right">Carbs&nbsp;(g)</TableCell>
<TableCell align="right">Protein&nbsp;(g)</TableCell> <TableCell align="right">Protein&nbsp;(g)</TableCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
<TableBody> <TableBody>
{rows.map((row) => ( {rows.map((row) => (
<TableRow <TableRow
key={row.name} key={row.name}
sx={{ '&:last-child td, &:last-child th': { border: 0 } }} sx={{ '&:last-child td, &:last-child th': { border: 0 } }}
> >
<TableCell component="th" scope="row"> <TableCell component="th" scope="row">
{row.name} {row.name}
</TableCell> </TableCell>
<TableCell align="right">{row.calories}</TableCell> <TableCell align="right">{row.calories}</TableCell>
<TableCell align="right">{row.fat}</TableCell> <TableCell align="right">{row.fat}</TableCell>
<TableCell align="right">{row.carbs}</TableCell> <TableCell align="right">{row.carbs}</TableCell>
<TableCell align="right">{row.protein}</TableCell> <TableCell align="right">{row.protein}</TableCell>
</TableRow> </TableRow>
))} ))}
</TableBody> </TableBody>
</Table> </Table>
</TableContainer> </TableContainer>
<div style={{ display: 'flex', alignItems: 'flex-start', gap: '200px' }}> <div style={{ display: 'flex', alignItems: 'flex-start', gap: '200px' }}>
<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={selectedOption} onChange={handleRadioChange} sx={{ width: '500px' }}> <RadioGroup row value={selectedOption} onChange={handleRadioChange} 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" />
{selectedOption === 'custom' && ( {selectedOption === 'custom' && (
<TextField <TextField
type="number" type="number"
value={customValue} value={customValue}
onChange={handleCustomValueChange} onChange={handleCustomValueChange}
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>
<div> <div>
<h4>How can we find the next item?</h4> <h4>How can we find the next item?</h4>
<p>Select and review the pagination setting this webpage is using</p> <p>Select and review the pagination setting this webpage is using</p>
<Button variant="outlined"> <Button variant="outlined">
Select Pagination Setting Select Pagination Setting
</Button> </Button>
</div> </div>
</div> </div>
<div style={{ float: "left", clear: "both" }} <div style={{ float: "left", clear: "both" }}
ref={logEndRef} /> ref={logEndRef} />
</div> </div>