Fix menu bar

Signed-off-by: Christian Oertel <[email protected]>
jgiven · Jan 19, 2024 · 5f4d41f · 5f4d41f
1 parent c020e44
commit 5f4d41f
Show file tree

Hide file tree

Showing 2 changed files with 57 additions and 58 deletions.
diff --git a/new/src/components/ScenarioOverview/ScenarioOverview.tsx b/new/src/components/ScenarioOverview/ScenarioOverview.tsx
@@ -4,7 +4,7 @@ import {
     Breadcrumbs,
     Button,
     Divider,
-    //Drawer,
+    Drawer,
     Grid,
     Link,
     List,
@@ -44,14 +44,13 @@ interface Headers {
     belowHeader?: string;
 }
 
-// const StyledDrawer = styled(Drawer)({
-//     width: 240,
-//     flexShrink: 0,
-//     '& .MuiDrawer-paper': {
-//         width: 240,
-//         backgroundColor: "rgba(250,250,250,255)"
-//     },
-// });
+const StyledDrawer = styled(Drawer)({
+    // width: 240,
+    flexShrink: 0,
+    '& .MuiDrawer-paper': {
+        backgroundColor: "rgba(250,250,250,255)"
+    },
+});
 
 const Content = styled('div')(({ theme }) => ({
     flexGrow: 1,
@@ -88,49 +87,49 @@ export function ScenarioOverview(props: ScenarioOverviewProps) {
     );
 }
 
-// export function MenuBar() {
-//     return(
-//         <StyledDrawer variant="permanent">
-//             <List>
-//                 <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
-//                     <ListItemText primary={<Typography variant="h6">SUMMARY</Typography>} />
-//                 </ListItem>
-//                 <List>
-//                     <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
-//                         <ListItemText primary={
-//                             <Link href="http://localhost:3000" underline="none" sx={{ color: 'inherit' }}>
-//                                 All Scenarios
-//                             </Link>}
-//                         />
-//                     </ListItem>
-//                     <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
-//                         <ListItemText primary={
-//                             <Link href="http://localhost:3000" underline="none" sx={{ color: 'inherit' }}>
-//                                 Failed Scenarios
-//                             </Link>}
-//                         />
-//                     </ListItem>
-//                     <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
-//                         <ListItemText primary={
-//                             <Link href="http://localhost:3000" underline="none" sx={{ color: 'inherit' }}>
-//                                 Pending Scenarios
-//                             </Link>}
-//                         />
-//                     </ListItem>
-//                 </List>
-//                 <ListItem>
-//                     <ListItemText primary={<Typography variant="h6">TAGS</Typography>} />
-//                 </ListItem>
-//                 <ListItem>
-//                     <ListItemText primary={<Typography variant="h6">CLASSES</Typography>} />
-//                 </ListItem>
-//                 <ListItem>
-//                     <ListItemText primary={<Typography variant="h6">BOOKMARKS</Typography>} />
-//                 </ListItem>
-//             </List>
-//         </StyledDrawer>
-//     )
-// }
+export function MenuBar() {
+    return(
+        <StyledDrawer variant="permanent">
+            <List>
+                <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
+                    <ListItemText primary={<Typography variant="h6">SUMMARY</Typography>} />
+                </ListItem>
+                <List>
+                    <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
+                        <ListItemText primary={
+                            <Link href="http://localhost:3000" underline="none" sx={{ color: 'inherit' }}>
+                                All Scenarios
+                            </Link>}
+                        />
+                    </ListItem>
+                    <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
+                        <ListItemText primary={
+                            <Link href="http://localhost:3000" underline="none" sx={{ color: 'inherit' }}>
+                                Failed Scenarios
+                            </Link>}
+                        />
+                    </ListItem>
+                    <ListItem sx={{ paddingTop: 0.1, paddingBottom: 0.1 }}>
+                        <ListItemText primary={
+                            <Link href="http://localhost:3000" underline="none" sx={{ color: 'inherit' }}>
+                                Pending Scenarios
+                            </Link>}
+                        />
+                    </ListItem>
+                </List>
+                <ListItem>
+                    <ListItemText primary={<Typography variant="h6">TAGS</Typography>} />
+                </ListItem>
+                <ListItem>
+                    <ListItemText primary={<Typography variant="h6">CLASSES</Typography>} />
+                </ListItem>
+                <ListItem>
+                    <ListItemText primary={<Typography variant="h6">BOOKMARKS</Typography>} />
+                </ListItem>
+            </List>
+        </StyledDrawer>
+    )
+}
 
 function ScenarioTitles(props: { headers: Headers }) {
     return (

diff --git a/new/src/components/Scenarios/SingleScenarioView.tsx b/new/src/components/Scenarios/SingleScenarioView.tsx
@@ -1,5 +1,5 @@
 import { ReportStatistics, ScenarioCaseModel, ScenarioModel } from "../../reportModel";
-import {/*MenuBar,*/ ScenarioOverview} from "../ScenarioOverview/ScenarioOverview";
+import {MenuBar, ScenarioOverview} from "../ScenarioOverview/ScenarioOverview";
 import { Scenario } from "./Scenario";
 import { useState } from "react";
 import {Grid} from "@mui/material";
@@ -9,11 +9,11 @@ export function SingleScenarioView(props: { reportName: string; scenario: Scenar
     return (
         <>
             <Grid container>
-                {/*<Grid item xs={12} md={1}>*/}
-                {/*    <div style={{ height: '100vh'}}>*/}
-                {/*        <MenuBar/>*/}
-                {/*    </div>*/}
-                {/*</Grid>*/}
+                <Grid item xs={12} md={1}>
+                    <div style={{ height: '100vh'}}>
+                        <MenuBar/>
+                    </div>
+                </Grid>
                 <Grid item xs={12} md={11}>
                     <Grid container direction="column">
                         <Grid item xs={12}>