From 6d64e3d40e7f48ebdf6562a24ad99be044efeab0 Mon Sep 17 00:00:00 2001
From: Alex Grozav <alex@grozav.com>
Date: Thu, 20 Apr 2023 14:05:50 +0300
Subject: [PATCH] fix(editor): Add correct add variable button message when no
 variables created (no-changelog) (#6028)

fix: add correct add variable button message when no variables created
---
 packages/editor-ui/src/plugins/i18n/locales/en.json | 1 +
 packages/editor-ui/src/views/VariablesView.vue      | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/editor-ui/src/plugins/i18n/locales/en.json b/packages/editor-ui/src/plugins/i18n/locales/en.json
index cc1a09a0b..e40f8fe35 100644
--- a/packages/editor-ui/src/plugins/i18n/locales/en.json
+++ b/packages/editor-ui/src/plugins/i18n/locales/en.json
@@ -1604,6 +1604,7 @@
 	"variables.heading": "Variables",
 	"variables.add": "Add Variable",
 	"variables.add.unavailable": "Upgrade plan to keep using variables",
+	"variables.add.unavailable.empty": "Upgrade plan to start using variables",
 	"variables.add.onlyOwnerCanCreate": "Only owner can create variables",
 	"variables.empty.heading": "{name}, let's set up a variable",
 	"variables.empty.heading.userNotSetup": "Set up a variable",
diff --git a/packages/editor-ui/src/views/VariablesView.vue b/packages/editor-ui/src/views/VariablesView.vue
index b150a92f1..eb99443b1 100644
--- a/packages/editor-ui/src/views/VariablesView.vue
+++ b/packages/editor-ui/src/views/VariablesView.vue
@@ -236,7 +236,9 @@ function displayName(resource: EnvironmentVariable) {
 					</n8n-button>
 				</div>
 				<template #content>
-					<span v-if="!isFeatureEnabled">{{ i18n.baseText('variables.add.unavailable') }}</span>
+					<span v-if="!isFeatureEnabled">{{
+						i18n.baseText(`variables.add.unavailable${allVariables.length === 0 ? '.empty' : ''}`)
+					}}</span>
 					<span v-else>{{ i18n.baseText('variables.add.onlyOwnerCanCreate') }}</span>
 				</template>
 			</n8n-tooltip>