fix(useMikadoGraph): display new nodes after adding a prerequisite

arnolanglade · Oct 31, 2023 · 8a5d677 · 8a5d677
1 parent 8b0539d
commit 8a5d677
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/app/mikado-graph/component/mikado-graph.tsx b/app/mikado-graph/component/mikado-graph.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { StatusView } from '@/api/mikado-graph/mikado-graph';
 import AddPrerequisiteForm from '@/mikado-graph/component/add-prerequisite-form';
 import { Translation } from '@/tools/i18n/intl-provider';
@@ -126,8 +126,13 @@ export default function Graph({
 }: {
   mikadoGraph: MikadoGraph,
 }) {
-  const [nodes, , onNodesChange] = useNodesState(mikadoGraph.nodes);
-  const [edges, , onEdgesChange] = useEdgesState(mikadoGraph.edges);
+  const [nodes, setNodes, onNodesChange] = useNodesState(mikadoGraph.nodes);
+  const [edges, setEdges, onEdgesChange] = useEdgesState(mikadoGraph.edges);
+
+  useEffect(() => {
+    setEdges(mikadoGraph.edges);
+    setNodes(mikadoGraph.nodes);
+  }, [mikadoGraph]);
 
   return (
     <ReactFlow