include table objects

OpenUnison · Jan 6, 2024 · 4768745 · 4768745
1 parent 6303121
commit 4768745
Showing 1 changed file with 28 additions and 1 deletion.
diff --git a/html/scale/src/Approval.js b/html/scale/src/Approval.js
@@ -27,6 +27,13 @@ import Alert from '@mui/material/Alert';
 import ListItemText from '@mui/material/ListItemText';
 import List from '@mui/material/List';
 import configData from './config/config.json'
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell, { tableCellClasses } from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+
 
 export default function Approval(props) {
 
@@ -41,6 +48,26 @@ export default function Approval(props) {
     const [submitRequestErrors,setSubmitRequestErrors] = React.useState([]);
     const [submitRequestSuccess,setSubmitRequestSuccess] = React.useState(false);
 
+    const StyledTableCell = styled(TableCell)(({ theme }) => ({
+        [`&.${tableCellClasses.head}`]: {
+            backgroundColor: theme.palette.common.black,
+            color: theme.palette.common.white,
+        },
+        [`&.${tableCellClasses.body}`]: {
+            fontSize: 14,
+        },
+    }));
+
+    const StyledTableRow = styled(TableRow)(({ theme }) => ({
+        '&:nth-of-type(odd)': {
+            backgroundColor: theme.palette.action.hover,
+        },
+        // hide last border
+        '&:last-child td, &:last-child th': {
+            border: 0,
+        },
+    }));
+
     return (
         <React.Fragment>
             <Dialog
@@ -173,7 +200,7 @@ export default function Approval(props) {
                 })}
             </List>
                 }
-                
+
                 </Grid>
                 </Grid>
             </React.Fragment>