Integrate MenuBar into Scenario Overview

Signed-off-by: Christian Oertel <christian.oertel@tngtech.com>
jgiven · Oct 20, 2023 · 5db6942 · 5db6942
1 parent 933b04f
commit 5db6942
Showing 1 changed file with 49 additions and 29 deletions.
diff --git a/new/src/components/Scenarios/SingleScenarioView.tsx b/new/src/components/Scenarios/SingleScenarioView.tsx
@@ -1,40 +1,60 @@
 import { ReportStatistics, ScenarioCaseModel, ScenarioModel } from "../../reportModel";
-import { ScenarioOverview } from "../ScenarioOverview/ScenarioOverview";
+import {MenuBar, ScenarioOverview} from "../ScenarioOverview/ScenarioOverview";
 import { Scenario } from "./Scenario";
 import { useState } from "react";
+import {Grid} from "@mui/material";
 
 export function SingleScenarioView(props: { reportName: string; scenario: ScenarioModel }) {
     const [expanded, setExpanded] = useState(false);
     return (
         <>
-            <ScenarioOverview
-                headers={{
-                    aboveHeader: props.scenario.className,
-                    header: props.scenario.description
-                }}
-                statistic={createStatistics(props.scenario)}
-                targets={{
-                    minusButtonTarget: () => {
-                        console.log("Collapsing stuff");
-                        setExpanded(false);
-                    },
-                    plusButtonTarget: () => {
-                        console.log("Expanding stuff");
-                        setExpanded(true);
-                    },
-                    printButtonTarget: () => {
-                        console.error("print not implemented");
-                    },
-                    bookmarkButtonTarget: () => {
-                        console.error("bookmark not implemented");
-                    }
-                }}
-            />
-            <Scenario
-                reportName={props.reportName}
-                scenario={props.scenario}
-                accordionExpansion={{ expanded: expanded, setExpanded: setExpanded }}
-            ></Scenario>
+            <Grid container>
+                <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}>
+                            <div style={{ height: '20vh'}}>
+                                <ScenarioOverview
+                                    headers={{
+                                        aboveHeader: props.scenario.className,
+                                        header: props.scenario.description
+                                    }}
+                                    statistic={createStatistics(props.scenario)}
+                                    targets={{
+                                        minusButtonTarget: () => {
+                                            console.log("Collapsing stuff");
+                                            setExpanded(false);
+                                        },
+                                        plusButtonTarget: () => {
+                                            console.log("Expanding stuff");
+                                            setExpanded(true);
+                                        },
+                                        printButtonTarget: () => {
+                                            console.error("print not implemented");
+                                        },
+                                        bookmarkButtonTarget: () => {
+                                            console.error("bookmark not implemented");
+                                        }
+                                    }}
+                                />
+                            </div>
+                        </Grid>
+                    </Grid>
+                    <Grid item xs={12}>
+                        <div style={{ height: '50vh'}}>
+                            <Scenario
+                                reportName={props.reportName}
+                                scenario={props.scenario}
+                                accordionExpansion={{ expanded: expanded, setExpanded: setExpanded }}
+                            ></Scenario>
+                        </div>
+                    </Grid>
+                </Grid>
+            </Grid>
         </>
     );
 }