fix(editor): Add correct add variable button message when no variable…

…s created (no-changelog) (#6028) fix: add correct add variable button message when no variables created
n8n-io · Apr 20, 2023 · 67f6934 · 67f6934
1 parent e9f8cfe
commit 67f6934
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/editor-ui/src/plugins/i18n/locales/en.json b/packages/editor-ui/src/plugins/i18n/locales/en.json
@@ -1607,6 +1607,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
@@ -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>