chore: lint
This commit is contained in:
@@ -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 (g)</TableCell>
|
<TableCell align="right">Fat (g)</TableCell>
|
||||||
<TableCell align="right">Carbs (g)</TableCell>
|
<TableCell align="right">Carbs (g)</TableCell>
|
||||||
<TableCell align="right">Protein (g)</TableCell>
|
<TableCell align="right">Protein (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>
|
||||||
|
|||||||
Reference in New Issue
Block a user