blob: e9c05f1734812a0fbe0d758ec9752453e9332568 (
plain)
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
|
import React from 'react'
import { useDispatch, useSelector } from 'react-redux'
import TopologyListComponent from '../../../../components/app/sidebars/project/TopologyListComponent'
import { setCurrentTopology } from '../../../../actions/topology/building'
import { openNewTopologyModal } from '../../../../actions/modals/topology'
import { useRouter } from 'next/router'
import { getState } from '../../../../util/state-utils'
import { deleteTopology } from '../../../../actions/topologies'
const TopologyListContainer = () => {
const dispatch = useDispatch()
const router = useRouter()
const topologies = useSelector((state) => {
let topologies = state.objects.project[state.currentProjectId]
? state.objects.project[state.currentProjectId].topologyIds.map((t) => state.objects.topology[t])
: []
if (topologies.filter((t) => !t).length > 0) {
topologies = []
}
return topologies
})
const currentTopologyId = useSelector((state) => state.currentTopologyId)
const onChooseTopology = async (id) => {
dispatch(setCurrentTopology(id))
const state = await getState(dispatch)
router.push(`/projects/${state.currentProjectId}`)
}
const onNewTopology = () => {
dispatch(openNewTopologyModal())
}
const onDeleteTopology = async (id) => {
if (id) {
const state = await getState(dispatch)
dispatch(deleteTopology(id))
dispatch(setCurrentTopology(state.objects.project[state.currentProjectId].topologyIds[0]))
router.push(`/projects/${state.currentProjectId}`)
}
}
return (
<TopologyListComponent
topologies={topologies}
currentTopologyId={currentTopologyId}
onChooseTopology={onChooseTopology}
onNewTopology={onNewTopology}
onDeleteTopology={onDeleteTopology}
/>
)
}
export default TopologyListContainer
|
