From d2abd59a511bbb6b2b926f3acd5c26666d3c6433 Mon Sep 17 00:00:00 2001
From: Baptiste Devessier <baptiste@devessier.fr>
Date: Tue, 24 Dec 2024 14:42:35 +0100
Subject: [PATCH] Make the workflow's visualizer layout more stable (#9203)

We no longer reset the state of Reactflow when the selected workflow
version changes. The viewport is not reset when discarding a draft
version but it looks better that way.


https://github.com/user-attachments/assets/0df9fa52-c44a-4aea-a504-4765542101fa

Fixes
https://discord.com/channels/1130383047699738754/1319626151768883300/1319626151768883300
---
 .../workflow/components/WorkflowDiagramCanvasEditable.tsx        | 1 -
 .../workflow/components/WorkflowDiagramCanvasReadonly.tsx        | 1 -
 2 files changed, 2 deletions(-)

diff --git a/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCanvasEditable.tsx b/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCanvasEditable.tsx
index fe866fa72..33a0ff62b 100644
--- a/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCanvasEditable.tsx
+++ b/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCanvasEditable.tsx
@@ -17,7 +17,6 @@ export const WorkflowDiagramCanvasEditable = ({
   return (
     <ReactFlowProvider>
       <WorkflowDiagramCanvasBase
-        key={workflowWithCurrentVersion.currentVersion.id}
         diagram={diagram}
         status={workflowWithCurrentVersion.currentVersion.status}
         nodeTypes={{
diff --git a/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCanvasReadonly.tsx b/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCanvasReadonly.tsx
index 5302046f2..bb65a9b83 100644
--- a/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCanvasReadonly.tsx
+++ b/packages/twenty-front/src/modules/workflow/components/WorkflowDiagramCanvasReadonly.tsx
@@ -16,7 +16,6 @@ export const WorkflowDiagramCanvasReadonly = ({
   return (
     <ReactFlowProvider>
       <WorkflowDiagramCanvasBase
-        key={workflowVersion.id}
         diagram={diagram}
         status={workflowVersion.status}
         nodeTypes={{