chore: lint

This commit is contained in:
karishmas6
2024-10-19 14:47:54 +05:30
parent 94a1c1559f
commit eba03c0ca6

View File

@@ -107,91 +107,91 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
return ( return (
<Grid container> <Grid container>
<Grid item xs={12} md={9} lg={9}> <Grid item xs={12} md={9} lg={9}>
<Button <Button
onClick={toggleDrawer(true)} onClick={toggleDrawer(true)}
variant="contained" variant="contained"
color="primary" color="primary"
sx={{ sx={{
color: 'white', color: 'white',
position: 'fixed', position: 'fixed',
background: '#ff00c3', background: '#ff00c3',
border: 'none', border: 'none',
padding: '30px 20px', padding: '30px 20px',
width: 'calc(100% - 25%)', width: 'calc(100% - 25%)',
bottom: 0, bottom: 0,
overflow: 'hidden', overflow: 'hidden',
justifyContent: 'flex-start', justifyContent: 'flex-start',
'&:hover': { '&:hover': {
backgroundColor: '#ff00c3', backgroundColor: '#ff00c3',
}, },
}} }}
> >
Output Data Preview Output Data Preview
</Button> </Button>
<SwipeableDrawer <SwipeableDrawer
anchor="bottom" anchor="bottom"
open={isOpen} open={isOpen}
onClose={toggleDrawer(false)} onClose={toggleDrawer(false)}
onOpen={toggleDrawer(true)} onOpen={toggleDrawer(true)}
PaperProps={{ PaperProps={{
sx: { sx: {
background: 'white', background: 'white',
color: 'black', color: 'black',
padding: '10px', padding: '10px',
height: 500, height: 500,
width: width - 10, width: width - 10,
display: 'flex', display: 'flex',
}, },
}} }}
> >
<Typography variant="h6" gutterBottom> <Typography variant="h6" gutterBottom>
<StorageIcon /> Output Data Preview <StorageIcon /> Output Data Preview
</Typography> </Typography>
<div <div
style={{ style={{
height: '50vh', height: '50vh',
overflow: 'none', overflow: 'none',
padding: '10px', padding: '10px',
}} }}
> >
<TableContainer component={Paper}> <TableContainer component={Paper}>
<Table sx={{ minWidth: 650 }} stickyHeader aria-label="output data table"> <Table sx={{ minWidth: 650 }} stickyHeader aria-label="output data table">
<TableHead> <TableHead>
<TableRow> <TableRow>
{columns.length > 0 ? ( {columns.length > 0 ? (
columns.map((column) => ( columns.map((column) => (
<TableCell key={column}>{column}</TableCell> <TableCell key={column}>{column}</TableCell>
)) ))
) : ( ) : (
<TableCell align="center">No Data</TableCell> <TableCell align="center">No Data</TableCell>
)} )}
</TableRow>
</TableHead>
<TableBody>
{tableData.length > 0 ? (
tableData.map((row, index) => (
<TableRow key={index}>
{columns.map((column) => (
<TableCell key={column}>{row[column]}</TableCell>
))}
</TableRow> </TableRow>
)) </TableHead>
) : ( <TableBody>
<TableRow> {tableData.length > 0 ? (
<TableCell colSpan={columns.length || 1} align="center"> tableData.map((row, index) => (
It looks like you have not selected anything for extraction yet. Once you do, the robot will show a preview of your selections here. <TableRow key={index}>
</TableCell> {columns.map((column) => (
</TableRow> <TableCell key={column}>{row[column]}</TableCell>
)} ))}
</TableBody> </TableRow>
</Table> ))
</TableContainer> ) : (
<div style={{ float: 'left', clear: 'both' }} ref={logEndRef} /> <TableRow>
</div> <TableCell colSpan={columns.length || 1} align="center">
</SwipeableDrawer> It looks like you have not selected anything for extraction yet. Once you do, the robot will show a preview of your selections here.
</Grid> </TableCell>
</Grid> </TableRow>
)}
</TableBody>
</Table>
</TableContainer>
<div style={{ float: 'left', clear: 'both' }} ref={logEndRef} />
</div>
</SwipeableDrawer>
</Grid>
</Grid>
); );
} }