From efa0c3114fc928366e01049b64ce36bc4f00f8c8 Mon Sep 17 00:00:00 2001
From: Sipke Schoorstra <sipkeschoorstra@outlook.com>
Date: Mon, 3 May 2021 14:18:59 +0200
Subject: [PATCH] Fix infinite recursion

---
 .../tree/elsa-designer-tree/elsa-designer-tree.tsx    | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/designer/elsa-workflows-studio/src/components/designers/tree/elsa-designer-tree/elsa-designer-tree.tsx b/src/designer/elsa-workflows-studio/src/components/designers/tree/elsa-designer-tree/elsa-designer-tree.tsx
index 788b5a241..68af7c2c1 100644
--- a/src/designer/elsa-workflows-studio/src/components/designers/tree/elsa-designer-tree/elsa-designer-tree.tsx
+++ b/src/designer/elsa-workflows-studio/src/components/designers/tree/elsa-designer-tree/elsa-designer-tree.tsx
@@ -57,7 +57,7 @@ export class ElsaWorkflowDesigner {
 
   @Watch('model')
   handleModelChanged(newValue: WorkflowModel) {
-    this.updateWorkflowModel(newValue);
+    this.updateWorkflowModel(newValue, false);
   }
 
   @Watch('selectedActivityIds')
@@ -96,9 +96,12 @@ export class ElsaWorkflowDesigner {
     this.showActivityEditorInternal(activity, true);
   }
 
-  updateWorkflowModel(model: WorkflowModel) {
+  updateWorkflowModel(model: WorkflowModel, emitEvent: boolean = true) {
     this.workflowModel = model;
-    this.workflowChanged.emit(model);
+    
+    if(emitEvent)
+      this.workflowChanged.emit(model);
+    
     setTimeout(() => {
       this.rerenderTree();
     }, 50);
@@ -484,7 +487,7 @@ export class ElsaWorkflowDesigner {
 
   renderActivity(activity: ActivityModel) {
     const displayContext = this.activityDisplayContexts[activity.activityId] || undefined;
-    const cssClass = !!this.selectedActivities[activity.activityId] ? 'border-blue-600' : 'border-white hover:border-blue-600'
+    const cssClass = !!this.selectedActivities[activity.activityId] ? 'border-blue-600' : 'border-gray-200 hover:border-blue-600'
 
     return `<div id=${`activity-${activity.activityId}`} 
     class="activity border-2 border-solid rounded bg-white text-left text-black text-lg select-none max-w-md shadow-sm relative ${cssClass}">