⚡ Only show assistant button if feature is enabled

n8n-io · Aug 2, 2024 · 21ba59d · 21ba59d
1 parent 59d2af5
commit 21ba59d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/editor-ui/src/App.vue b/packages/editor-ui/src/App.vue
@@ -29,7 +29,7 @@
 			<AskAssistantChat />
 			<Modals />
 			<Telemetry />
-			<AskAssistantFloatingButton />
+			<AskAssistantFloatingButton v-if="showAssistantButton" />
 		</div>
 	</div>
 </template>
@@ -61,6 +61,7 @@ import { useUsageStore } from '@/stores/usage.store';
 import { useUsersStore } from '@/stores/users.store';
 import { useHistoryHelper } from '@/composables/useHistoryHelper';
 import { useRoute } from 'vue-router';
+import { useAssistantStore } from './stores/assistant.store';
 
 export default defineComponent({
 	name: 'App',
@@ -82,6 +83,7 @@ export default defineComponent({
 	},
 	computed: {
 		...mapStores(
+			useAssistantStore,
 			useNodeTypesStore,
 			useRootStore,
 			useSettingsStore,
@@ -98,6 +100,9 @@ export default defineComponent({
 		isDemoMode(): boolean {
 			return this.$route.name === VIEWS.DEMO;
 		},
+		showAssistantButton(): boolean {
+			return this.assistantStore.canShowAssistantButtons;
+		},
 	},
 	data() {
 		return {

diff --git a/packages/editor-ui/src/stores/assistant.store.ts b/packages/editor-ui/src/stores/assistant.store.ts
@@ -66,7 +66,6 @@ export const useAssistantStore = defineStore(STORES.ASSISTANT, () => {
 		() =>
 			isExperimentEnabled.value &&
 			settings.isAiAssistantEnabled &&
-			route.name &&
 			ENABLED_VIEWS.includes(route.name as VIEWS),
 	);
 
@@ -85,8 +84,8 @@ export const useAssistantStore = defineStore(STORES.ASSISTANT, () => {
 
 	const canShowAssistantButtons = computed(
 		() =>
+			isExperimentEnabled.value &&
 			settings.isAiAssistantEnabled &&
-			route.name &&
 			EDITABLE_CANVAS_VIEWS.includes(route.name as VIEWS),
 	);