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
|
import PropTypes from 'prop-types'
import React, { useState } from 'react'
import { useDispatch } from 'react-redux'
import ScenarioListComponent from '../../../../components/app/sidebars/project/ScenarioListComponent'
import { addScenario, deleteScenario } from '../../../../redux/actions/scenarios'
import NewScenarioModalComponent from '../../../../components/modals/custom-components/NewScenarioModalComponent'
import { useProjectTopologies } from '../../../../data/topology'
import { useScenarios } from '../../../../data/project'
import { useSchedulers, useTraces } from '../../../../data/experiments'
const ScenarioListContainer = ({ portfolioId }) => {
const scenarios = useScenarios(portfolioId)
const topologies = useProjectTopologies()
const traces = useTraces()
const schedulers = useSchedulers()
const dispatch = useDispatch()
const [isVisible, setVisible] = useState(false)
const onNewScenario = (currentPortfolioId) => {
setVisible(true)
}
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}
scenarios={scenarios}
onNewScenario={onNewScenario}
onDeleteScenario={onDeleteScenario}
/>
<NewScenarioModalComponent
show={isVisible}
currentPortfolioId={portfolioId}
currentPortfolioScenarioIds={scenarios.map((s) => s._id)}
traces={traces}
schedulers={schedulers}
topologies={topologies}
callback={callback}
/>
</>
)
}
ScenarioListContainer.propTypes = {
portfolioId: PropTypes.string,
}
export default ScenarioListContainer
|
