From 7f7294be9e93ec6f70d6cc07d7bb37048b120901 Mon Sep 17 00:00:00 2001
From: Alex Grozav <alex@grozav.com>
Date: Tue, 8 Oct 2024 14:24:44 +0300
Subject: [PATCH] fix(editor): Update canvas handle plus line size on new
 canvas (no-changelog) (#11157)

---
 .../handles/render-types/CanvasHandleMainOutput.vue         | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/editor-ui/src/components/canvas/elements/handles/render-types/CanvasHandleMainOutput.vue b/packages/editor-ui/src/components/canvas/elements/handles/render-types/CanvasHandleMainOutput.vue
index 6a44924916..b2d97fdd52 100644
--- a/packages/editor-ui/src/components/canvas/elements/handles/render-types/CanvasHandleMainOutput.vue
+++ b/packages/editor-ui/src/components/canvas/elements/handles/render-types/CanvasHandleMainOutput.vue
@@ -27,6 +27,8 @@ const isHovered = ref(false);
 
 const renderOptions = computed(() => render.value.options as CanvasNodeDefaultRender['options']);
 
+const runDataTotal = computed(() => runData.value?.total ?? 0);
+
 const runDataLabel = computed(() =>
 	runData.value
 		? i18n.baseText('ndv.output.items', {
@@ -38,7 +40,7 @@ const runDataLabel = computed(() =>
 
 const isHandlePlusVisible = computed(() => !isConnecting.value || isHovered.value);
 
-const plusType = computed(() => ((runData.value?.total ?? 0) > 0 ? 'success' : 'default'));
+const plusType = computed(() => (runDataTotal.value > 0 ? 'success' : 'default'));
 
 const plusLineSize = computed(
 	() =>
@@ -46,7 +48,7 @@ const plusLineSize = computed(
 			small: 46,
 			medium: 66,
 			large: 80,
-		})[(renderOptions.value.outputs?.labelSize ?? runData.value) ? 'large' : 'small'],
+		})[(runDataTotal.value > 0 ? 'large' : renderOptions.value.outputs?.labelSize) ?? 'small'],
 );
 
 function onMouseEnter() {