From 41e02cdab85ba5db92be7f7bea07ae1f20bcbdd9 Mon Sep 17 00:00:00 2001 From: Fabian Mastenbroek Date: Thu, 22 Jul 2021 19:05:58 +0200 Subject: fix(web/ui): Fix creation of topologies This change fixes an issue with the creation of topologies in the frontend. Previously, the frontend relied on Redux to update the state. However, since we removed the reliance on Redux, we also need to create a new topology using the functions from React Query to actually send a request to the API server. --- .../src/pages/projects/[project]/topologies/[topology].js | 13 +++++-------- 1 file changed, 5 insertions(+), 8 deletions(-) (limited to 'opendc-web/opendc-web-ui/src/pages') diff --git a/opendc-web/opendc-web-ui/src/pages/projects/[project]/topologies/[topology].js b/opendc-web/opendc-web-ui/src/pages/projects/[project]/topologies/[topology].js index 858f9b16..f7188d9f 100644 --- a/opendc-web/opendc-web-ui/src/pages/projects/[project]/topologies/[topology].js +++ b/opendc-web/opendc-web-ui/src/pages/projects/[project]/topologies/[topology].js @@ -20,6 +20,7 @@ * SOFTWARE. */ +import dynamic from 'next/dynamic' import { useRouter } from 'next/router' import ContextSelectionSection from '../../../../components/context/ContextSelectionSection' import ProjectSelector from '../../../../components/context/ProjectSelector' @@ -44,9 +45,10 @@ import { TextContent, } from '@patternfly/react-core' import BreadcrumbLink from '../../../../components/util/BreadcrumbLink' -import TopologyMap from '../../../../components/topologies/TopologyMap' import { goToRoom } from '../../../../redux/actions/interaction-level' -import { openTopology } from '../../../../redux/actions/topologies' +import { openTopology } from '../../../../redux/actions/topology' + +const TopologyMap = dynamic(() => import('../../../../components/topologies/TopologyMap')) /** * Page that displays a datacenter topology. @@ -124,12 +126,7 @@ function Topology() { }} /> -