diff --git a/packages/editor-ui/src/constants.ts b/packages/editor-ui/src/constants.ts index cc6a706bf1..4f734e6207 100644 --- a/packages/editor-ui/src/constants.ts +++ b/packages/editor-ui/src/constants.ts @@ -73,6 +73,7 @@ export const COMMUNITY_NODES_RISKS_DOCS_URL = `https://${DOCS_DOMAIN}/integratio export const COMMUNITY_NODES_BLOCKLIST_DOCS_URL = `https://${DOCS_DOMAIN}/integrations/community-nodes/blocklist/`; export const CUSTOM_NODES_DOCS_URL = `https://${DOCS_DOMAIN}/integrations/creating-nodes/code/create-n8n-nodes-module/`; export const EXPRESSIONS_DOCS_URL = `https://${DOCS_DOMAIN}/code-examples/expressions/`; +export const N8N_PRICING_PAGE_URL = `https://n8n.io/pricing`; // node types export const BAMBOO_HR_NODE_TYPE = 'n8n-nodes-base.bambooHr'; diff --git a/packages/editor-ui/src/views/SettingsUsageAndPlan.vue b/packages/editor-ui/src/views/SettingsUsageAndPlan.vue index 080069e797..d5e1eeaa23 100644 --- a/packages/editor-ui/src/views/SettingsUsageAndPlan.vue +++ b/packages/editor-ui/src/views/SettingsUsageAndPlan.vue @@ -5,6 +5,7 @@ import { Notification } from 'element-ui'; import { UsageTelemetry, useUsageStore } from '@/stores/usage'; import { telemetry } from '@/plugins/telemetry'; import { i18n as locale } from '@/plugins/i18n'; +import { N8N_PRICING_PAGE_URL } from '@/constants'; const usageStore = useUsageStore(); const route = useRoute(); @@ -53,37 +54,39 @@ const onLicenseActivation = async () => { }; onMounted(async () => { - if (!usageStore.isDesktop) { - usageStore.setLoading(true); - if (route.query.key) { - try { - await usageStore.activateLicense(route.query.key as string); - await router.replace({ query: {} }); - showActivationSuccess(); - usageStore.setLoading(false); - return; - } catch (error) { - showActivationError(error); - } - } + if (usageStore.isDesktop) { + return; + } + + usageStore.setLoading(true); + if (route.query.key) { try { - if (!route.query.key && usageStore.canUserActivateLicense) { - await usageStore.refreshLicenseManagementToken(); - } else { - await usageStore.getLicenseInfo(); - } + await usageStore.activateLicense(route.query.key as string); + await router.replace({ query: {} }); + showActivationSuccess(); usageStore.setLoading(false); + return; } catch (error) { - if (!error.name) { - error.name = locale.baseText('settings.usageAndPlan.error'); - } - Notification.error({ - title: error.name, - message: error.message, - position: 'bottom-right', - }); + showActivationError(error); } } + try { + if (!route.query.key && usageStore.canUserActivateLicense) { + await usageStore.refreshLicenseManagementToken(); + } else { + await usageStore.getLicenseInfo(); + } + usageStore.setLoading(false); + } catch (error) { + if (!error.name) { + error.name = locale.baseText('settings.usageAndPlan.error'); + } + Notification.error({ + title: error.name, + message: error.message, + position: 'bottom-right', + }); + } }); const sendUsageTelemetry = (action: UsageTelemetry['action']) => { @@ -115,7 +118,7 @@ const onDialogOpened = () => { const openPricingPage = () => { sendUsageTelemetry('desktop_view_plans'); - window.open('https://n8n.io/pricing', '_blank'); + window.open(N8N_PRICING_PAGE_URL, '_blank'); };