commenting out more stuff
This commit is contained in:
parent
9221318d17
commit
3e44b8ae46
1 changed files with 61 additions and 61 deletions
|
|
@ -305,63 +305,63 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
if (isMobile || mobileView) return (
|
// if (isMobile || mobileView) return (
|
||||||
<Box>
|
// <Box>
|
||||||
<Box className={classes.mobileTitleBox}>
|
// <Box className={classes.mobileTitleBox}>
|
||||||
{renderTitle()}
|
// {renderTitle()}
|
||||||
{renderSubtitle()}
|
// {renderSubtitle()}
|
||||||
{setSearchText && searchBar()}
|
// {setSearchText && searchBar()}
|
||||||
</Box>
|
// </Box>
|
||||||
{rows.map((row, index) => {
|
// {rows.map((row, index) => {
|
||||||
return (
|
// return (
|
||||||
<Card className={classNames(classes.card, onRowClick&&classes.rowHover)} key={"mobile-card-"+index} onClick={() => onRowClick&&onRowClick(row)}>
|
// <Card className={classNames(classes.card, onRowClick&&classes.rowHover)} key={"mobile-card-"+index} onClick={() => onRowClick&&onRowClick(row)}>
|
||||||
{renderMobileRow(row)}
|
// {renderMobileRow(row)}
|
||||||
{renderGutter &&
|
// {renderGutter &&
|
||||||
<>
|
// <>
|
||||||
<Divider/>
|
// <Divider/>
|
||||||
<Collapse className={classes.gutter} in={openGutters.includes(index)} >
|
// <Collapse className={classes.gutter} in={openGutters.includes(index)} >
|
||||||
{renderGutter(row)}
|
// {renderGutter(row)}
|
||||||
</Collapse>
|
// </Collapse>
|
||||||
{openGutters.includes(index) && <Divider/>}
|
// {openGutters.includes(index) && <Divider/>}
|
||||||
<ListItemButton
|
// <ListItemButton
|
||||||
sx={{
|
// sx={{
|
||||||
width: "100%",
|
// width: "100%",
|
||||||
display: "flex",
|
// display: "flex",
|
||||||
justifyContent: "center",
|
// justifyContent: "center",
|
||||||
padding: gutterPadding
|
// padding: gutterPadding
|
||||||
}}
|
// }}
|
||||||
onClick={(event) => handleCollapse(index, event)}
|
// onClick={(event) => handleCollapse(index, event)}
|
||||||
// style={{pre}}
|
// // style={{pre}}
|
||||||
>
|
// >
|
||||||
<IconButton
|
// <IconButton
|
||||||
sx={{
|
// sx={{
|
||||||
transform: openGutters.includes(index) ?
|
// transform: openGutters.includes(index) ?
|
||||||
'rotate(-90deg)' : 'rotate(90deg)',
|
// 'rotate(-90deg)' : 'rotate(90deg)',
|
||||||
transition: 'transform 0.3s ease',
|
// transition: 'transform 0.3s ease',
|
||||||
alignContent: "center"
|
// alignContent: "center"
|
||||||
}}
|
// }}
|
||||||
>
|
// >
|
||||||
<ChevronRight/>
|
// <ChevronRight/>
|
||||||
</IconButton>
|
// </IconButton>
|
||||||
</ListItemButton>
|
// </ListItemButton>
|
||||||
</>
|
// </>
|
||||||
}
|
// }
|
||||||
</Card>
|
// </Card>
|
||||||
)
|
// )
|
||||||
})}
|
// })}
|
||||||
{(rows && rows.length < 1) &&
|
// {(rows && rows.length < 1) &&
|
||||||
(!isLoading ?
|
// (!isLoading ?
|
||||||
<Typography sx={{ textAlign: "center" }} color="textSecondary">
|
// <Typography sx={{ textAlign: "center" }} color="textSecondary">
|
||||||
{ noDataMessage ? noDataMessage : "No data."}
|
// { noDataMessage ? noDataMessage : "No data."}
|
||||||
</Typography>
|
// </Typography>
|
||||||
:
|
// :
|
||||||
<Box sx={{ width: "100%", textAlign: "center" }} >
|
// <Box sx={{ width: "100%", textAlign: "center" }} >
|
||||||
<CircularProgress/>
|
// <CircularProgress/>
|
||||||
</Box>
|
// </Box>
|
||||||
)
|
// )
|
||||||
}
|
// }
|
||||||
</Box>
|
// </Box>
|
||||||
)
|
// )
|
||||||
|
|
||||||
const filter = (colName: string) => {
|
const filter = (colName: string) => {
|
||||||
let newFilterList = [...filterList]
|
let newFilterList = [...filterList]
|
||||||
|
|
@ -529,7 +529,7 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
|
||||||
}
|
}
|
||||||
</TableBody>
|
</TableBody>
|
||||||
</Table> */}
|
</Table> */}
|
||||||
{!hidePagination &&
|
{/* {!hidePagination &&
|
||||||
<TablePagination
|
<TablePagination
|
||||||
rowsPerPageOptions={rowsPerPageOptions ? rowsPerPageOptions : [5, 10, 20]}
|
rowsPerPageOptions={rowsPerPageOptions ? rowsPerPageOptions : [5, 10, 20]}
|
||||||
component="div"
|
component="div"
|
||||||
|
|
@ -539,8 +539,8 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
|
||||||
onPageChange={(_event, page) => handlePageChange(page)}
|
onPageChange={(_event, page) => handlePageChange(page)}
|
||||||
onRowsPerPageChange={handleRowsPerPageChange}
|
onRowsPerPageChange={handleRowsPerPageChange}
|
||||||
/>
|
/>
|
||||||
}
|
} */}
|
||||||
<Menu
|
{/* <Menu
|
||||||
id="userMenu"
|
id="userMenu"
|
||||||
anchorEl={columnAnchor}
|
anchorEl={columnAnchor}
|
||||||
open={columnAnchor !== null}
|
open={columnAnchor !== null}
|
||||||
|
|
@ -564,7 +564,7 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
|
||||||
</MenuItem>
|
</MenuItem>
|
||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
</Menu>
|
</Menu> */}
|
||||||
</TableContainer>
|
</TableContainer>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
Loading…
Add table
Add a link
Reference in a new issue