1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
|
import React, { useState } from 'react'
import { useDispatch } from 'react-redux'
import ScenarioListComponent from '../../../../components/app/sidebars/project/ScenarioListComponent'
import { addScenario, deleteScenario, setCurrentScenario } from '../../../../actions/scenarios'
import { setCurrentPortfolio } from '../../../../actions/portfolios'
import NewScenarioModalComponent from '../../../../components/modals/custom-components/NewScenarioModalComponent'
import { useProjectTopologies } from '../../../../store/hooks/topology'
import { useActiveScenario, useActiveProject, useScenarios } from '../../../../store/hooks/project'
import { useSchedulers, useTraces } from '../../../../store/hooks/experiments'
const ScenarioListContainer = ({ portfolioId }) => {
const currentProjectId = useActiveProject()?._id
const currentScenarioId = useActiveScenario()?._id
const scenarios = useScenarios(portfolioId)
const topologies = useProjectTopologies()
const traces = useTraces()
const schedulers = useSchedulers()
const dispatch = useDispatch()
const [isVisible, setVisible] = useState(false)
const onNewScenario = (currentPortfolioId) => {
dispatch(setCurrentPortfolio(currentPortfolioId))
setVisible(true)
}
const onChooseScenario = (portfolioId, scenarioId) => {
dispatch(setCurrentScenario(portfolioId, scenarioId))
}
const onDeleteScenario = (id) => {
if (id) {
dispatch(deleteScenario(id))
}
}
const callback = (name, portfolioId, trace, topology, operational) => {
if (name) {
dispatch(
addScenario({
portfolioId,
name,
trace,
topology,
operational,
})
)
}
setVisible(false)
}
return (
<>
<ScenarioListComponent
portfolioId={portfolioId}
currentProjectId={currentProjectId}
currentScenarioId={currentScenarioId}
scenarios={scenarios}
onNewScenario={onNewScenario}
onChooseScenario={onChooseScenario}
onDeleteScenario={onDeleteScenario}
/>
<NewScenarioModalComponent
show={isVisible}
currentPortfolioId={currentProjectId}
currentPortfolioScenarioIds={scenarios.map((s) => s._id)}
traces={traces}
schedulers={schedulers}
topologies={topologies}
callback={callback}
/>
</>
)
}
export default ScenarioListContainer
|
