Skip to content

Commit 91d712e

Browse files
joaomlnetojoaomlneto
committed
ui: hide AdoB accordion item
1 parent 818eea0 commit 91d712e

File tree

1 file changed

+91
-83
lines changed

1 file changed

+91
-83
lines changed

‎webui/app/page.tsx

+91-83
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,27 @@
11
"use client";
22

3-
import {ClientList} from "@/components/ClientList";
4-
import {DroppedMessagesList} from "@/components/Events";
5-
import {ScenarioEnabledFaultsList} from "@/components/FaultsList";
6-
import {NodeList} from "@/components/NodeList";
7-
import {PredicateList} from "@/components/PredicateList";
8-
import {RunningSimulatorStats} from "@/components/RunningSimulatorStats";
9-
import {ScheduleDetails} from "@/components/Schedule";
10-
import {ScenarioScheduledFaultsList} from "@/components/ScheduledFaultsList";
11-
import {useGetMode, useGetSchedule} from "@/lib/byzzbench-client";
12-
import {Accordion, AppShell, Container, Group, ScrollArea, Stack, Title,} from "@mantine/core";
13-
import {useLocalStorage} from "@mantine/hooks";
14-
import dynamic from "next/dynamic";
3+
import { ClientList } from "@/components/ClientList";
4+
import { DroppedMessagesList } from "@/components/Events";
5+
import { ScenarioEnabledFaultsList } from "@/components/FaultsList";
6+
import { NodeList } from "@/components/NodeList";
7+
import { PredicateList } from "@/components/PredicateList";
8+
import { RunningSimulatorStats } from "@/components/RunningSimulatorStats";
9+
import { ScheduleDetails } from "@/components/Schedule";
10+
import { ScenarioScheduledFaultsList } from "@/components/ScheduledFaultsList";
11+
import { useGetMode, useGetSchedule } from "@/lib/byzzbench-client";
12+
import {
13+
Accordion,
14+
AppShell,
15+
Container,
16+
Group,
17+
ScrollArea,
18+
Stack,
19+
Title,
20+
} from "@mantine/core";
21+
import { useLocalStorage } from "@mantine/hooks";
1522
import React from "react";
1623

24+
/*
1725
const AdoBStateDiagram = dynamic<{}>(
1826
() =>
1927
import("@/components/adob/AdoBStateDiagram").then(
@@ -22,86 +30,86 @@ const AdoBStateDiagram = dynamic<{}>(
2230
{
2331
ssr: false,
2432
},
25-
);
33+
);*/
2634

2735
export default function Home() {
28-
const [selectedAccordionEntries, setSelectedAccordionEntries] =
29-
useLocalStorage<string[]>({
30-
key: "byzzbench/selectedAccordionEntries",
31-
defaultValue: ["nodes", "schedule"],
32-
});
36+
const [selectedAccordionEntries, setSelectedAccordionEntries] =
37+
useLocalStorage<string[]>({
38+
key: "byzzbench/selectedAccordionEntries",
39+
defaultValue: ["nodes", "schedule"],
40+
});
3341

34-
const {data: schedule} = useGetSchedule();
42+
const { data: schedule } = useGetSchedule();
3543

36-
const mode = useGetMode();
37-
38-
if (mode.data?.data === "RUNNING") {
39-
return (
40-
<Container fluid p="xl">
41-
<RunningSimulatorStats/>
42-
</Container>
43-
);
44-
}
44+
const mode = useGetMode();
4545

46+
if (mode.data?.data === "RUNNING") {
4647
return (
47-
<Container fluid p="xl">
48-
<Stack gap="md">
49-
<Accordion
50-
multiple
51-
variant="separated"
52-
value={selectedAccordionEntries}
53-
onChange={setSelectedAccordionEntries}
54-
>
55-
<Group wrap="nowrap" gap="xs" align="center">
56-
<Title order={3}>{schedule?.data.scenarioId}</Title>
57-
<PredicateList/>
58-
</Group>
59-
<Accordion.Item key="clients" value="clients">
60-
<Accordion.Control>Clients</Accordion.Control>
61-
<Accordion.Panel>
62-
<ClientList/>
63-
</Accordion.Panel>
64-
</Accordion.Item>
65-
<Accordion.Item key="nodes" value="nodes">
66-
<Accordion.Control>Nodes</Accordion.Control>
67-
<Accordion.Panel>
68-
<NodeList/>
69-
</Accordion.Panel>
70-
</Accordion.Item>
71-
<Accordion.Item key="adob" value="adob">
48+
<Container fluid p="xl">
49+
<RunningSimulatorStats />
50+
</Container>
51+
);
52+
}
53+
54+
return (
55+
<Container fluid p="xl">
56+
<Stack gap="md">
57+
<Accordion
58+
multiple
59+
variant="separated"
60+
value={selectedAccordionEntries}
61+
onChange={setSelectedAccordionEntries}
62+
>
63+
<Group wrap="nowrap" gap="xs" align="center">
64+
<Title order={3}>{schedule?.data.scenarioId}</Title>
65+
<PredicateList />
66+
</Group>
67+
<Accordion.Item key="clients" value="clients">
68+
<Accordion.Control>Clients</Accordion.Control>
69+
<Accordion.Panel>
70+
<ClientList />
71+
</Accordion.Panel>
72+
</Accordion.Item>
73+
<Accordion.Item key="nodes" value="nodes">
74+
<Accordion.Control>Nodes</Accordion.Control>
75+
<Accordion.Panel>
76+
<NodeList />
77+
</Accordion.Panel>
78+
</Accordion.Item>
79+
{/*<Accordion.Item key="adob" value="adob">
7280
<Accordion.Control>AdoB State</Accordion.Control>
7381
<Accordion.Panel>
7482
<AdoBStateDiagram/>
7583
</Accordion.Panel>
76-
</Accordion.Item>
77-
</Accordion>
78-
</Stack>
84+
</Accordion.Item>*/}
85+
</Accordion>
86+
</Stack>
7987

80-
<AppShell.Aside p="md" maw={400}>
81-
<Stack gap="xs">
82-
<Title order={5}>Schedule</Title>
83-
<ScrollArea mah={500} type="auto">
84-
{schedule?.data && (
85-
<ScheduleDetails
86-
hideTitle
87-
hideMaterializeButton
88-
hideDownloadButton
89-
hideDetailsButton
90-
hideScenario
91-
hideSaveButton
92-
title="Current Schedule"
93-
schedule={schedule.data}
94-
/>
95-
)}
96-
</ScrollArea>
97-
<Title order={5}>Trigger Faulty Behaviors</Title>
98-
<ScenarioEnabledFaultsList/>
99-
<Title order={5}>Scheduled Faults</Title>
100-
<ScenarioScheduledFaultsList/>
101-
<Title order={5}>Discarded Events</Title>
102-
<DroppedMessagesList/>
103-
</Stack>
104-
</AppShell.Aside>
105-
</Container>
106-
);
88+
<AppShell.Aside p="md" maw={400}>
89+
<Stack gap="xs">
90+
<Title order={5}>Schedule</Title>
91+
<ScrollArea mah={500} type="auto">
92+
{schedule?.data && (
93+
<ScheduleDetails
94+
hideTitle
95+
hideMaterializeButton
96+
hideDownloadButton
97+
hideDetailsButton
98+
hideScenario
99+
hideSaveButton
100+
title="Current Schedule"
101+
schedule={schedule.data}
102+
/>
103+
)}
104+
</ScrollArea>
105+
<Title order={5}>Trigger Faulty Behaviors</Title>
106+
<ScenarioEnabledFaultsList />
107+
<Title order={5}>Scheduled Faults</Title>
108+
<ScenarioScheduledFaultsList />
109+
<Title order={5}>Discarded Events</Title>
110+
<DroppedMessagesList />
111+
</Stack>
112+
</AppShell.Aside>
113+
</Container>
114+
);
107115
}

0 commit comments

Comments
 (0)