From be962bb69cdc0798c9d57a127423a4f657bbaf1e Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@windmill.dev>
Date: Sat, 30 Dec 2023 11:39:05 +0900
Subject: [PATCH] fix: decision tree fix wording (#2941)

* fix(frontend): Fix decision tree (#2928)

* fix(frontend): wip

* fix(frontend): wip

* fix(frontend): decision tree history

* fix(frontend): fix wording

* fix(frontend): fix wording

* fix(frontend): fix wording

* Carousel link and trigger frontend (#2929)

Co-authored-by: Faton Ramadani <faton.ramadani14@gmail.com>

---------

Co-authored-by: Faton Ramadani <faton.ramadani14@gmail.com>
Co-authored-by: Henri Courdent <122811744+hcourdent@users.noreply.github.com>
---
 .../settingsPanel/DecisionTreeGraphEditor.svelte       | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte
index 18b4e2c848..e3bb703a5c 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphEditor.svelte
@@ -84,15 +84,19 @@
 							</Label>
 
 							{#if selectedNode.next.length > 1}
-								{#each selectedNode.next as subNode, index (subNode.id)}
+								{#each selectedNode.next.sort((n1, n2) => {
+									return n1.id.localeCompare(n2.id)
+								}) as subNode, index (subNode.id)}
 									{#if subNode.condition}
 										<div class="flex flex-row gap-4 items-center w-full justify-center">
 											<div class="grow relative">
 												<InputsSpecEditor
 													key={`condition-${selectedNode.id}-${index}`}
-													customTitle={`${index > 0 ? 'Otherwise ' : ''}Goes to "${
+													customTitle={`${index > 0 ? 'Otherwise ' : ''}Goes to branch ${
+														index + 1
+													} (First node: ${
 														nodes?.find((node) => node.id == subNode.id)?.label
-													}" if:`}
+													}) if:`}
 													bind:componentInput={subNode.condition}
 													id={selectedNode.id}
 													userInputEnabled={false}