brandxtech/frontend
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

commenting out more stuff

Browse source
This commit is contained in:
csawatzky 2025-04-10 13:12:50 -06:00
parent 9221318d17
commit 3e44b8ae46
1 changed files with 61 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

122
src/common/ResponsiveTable.tsx
View file

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