src/components/Notifications/Notifications.js
// Meat of table lives here   The table head will render in this function.
Meat of table lives here   The table head will render in this function.
Meat of table lives here The table head will render in this function .
function EnhancedTable(notifications) {
  const classes = useStyles();
  const [rows, setRows] = React.useState(createRows(notifications));
  return (
    <div className={classes.root}>
      <Paper className={classes.paper}>
        <EnhancedTableToolbar />
        <TableContainer>
          <Table
            className={classes.table}
            aria-labelledby="tableTitle"
            size="small"
            aria-label="enhanced table"
          >
            <EnhancedTableHead
              classes={classes}
              rowCount={rows.length}
            />
            <TableBody>
              {rows
                .map((row, index) => {
                  return (
                    <TableRow hover tabIndex={-1} key={row.processingDate}>
                      <TableCell align="right">{row.processingDate}</TableCell>
                      <StyledTableCell align="right">
                        {row.type}
                      </StyledTableCell>
                      <TableCell align="right">{row.description}</TableCell>
                    </TableRow>
                  );
                })}
            </TableBody>
          </Table>
        </TableContainer>
      </Paper>
    </div>
  );
}
function EnhancedTable ( notifications ) { const classes = useStyles ( ) ; const [ rows , setRows ] = React . useState ( createRows ( notifications ) ) ; return ( < div className = { classes . root } > < Paper className = { classes . paper } > < EnhancedTableToolbar / > < TableContainer > < Table className = { classes . table } aria-labelledby = "tableTitle" size = "small" aria-label = "enhanced table" > < EnhancedTableHead classes = { classes } rowCount = { rows . length } / > < TableBody > { rows . map ( ( row , index ) => { return ( < TableRow hover tabIndex = { - 1 } key = { row . processingDate } > < TableCell align = "right" > { row . processingDate } < / TableCell > < StyledTableCell align = "right" > { row . type } < / StyledTableCell > < TableCell align = "right" > { row . description } < / TableCell > < / TableRow > ) ; } ) } < / TableBody > < / Table > < / TableContainer > < / Paper > < / div > ) ; }
Meat of table lives here   The table head will render in this function.
Meat of table lives here The table head will render in this function .