refactor(editor): Re-organize n8n logo files (no-changelog) (#8483)

cypress/e2e/18-user-management.cy.ts

@@ -132,7 +132,7 @@ describe('User Management', { disableAutoLogin: true }, () => {
 			.logo()
 			.should('have.attr', 'src')
 			.then((src) => {
-				expect(src).to.include('/n8n-dev-logo-dark-mode.svg');
+				expect(src).to.include('/static/logo/channel/dev-dark.svg');
 			});
 
 		cy.visit(personalSettingsPage.url);
@@ -143,7 +143,7 @@ describe('User Management', { disableAutoLogin: true }, () => {
 			.logo()
 			.should('have.attr', 'src')
 			.then((src) => {
-				expect(src).to.include('/n8n-dev-logo.svg');
+				expect(src).to.include('/static/logo/channel/dev.svg');
 			});
 	});
 

packages/editor-ui/public/n8n-logo.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 369 105"><path d="M183.9.2c-9.8 0-18 6.7-20.3 15.8h-29.2c-11.5 0-20.8 9.3-20.8 20.8 0 5.7-4.7 10.4-10.4 10.4H99c-2.3-9.1-10.5-15.8-20.3-15.8s-18 6.7-20.3 15.8H41.7c-2.3-9.1-10.5-15.8-20.3-15.8-11.6 0-21 9.4-21 21s9.4 21 21 21c9.8 0 18-6.7 20.3-15.8h16.7c2.3 9.1 10.5 15.8 20.3 15.8 9.7 0 17.9-6.6 20.3-15.6h4.2c5.7 0 10.4 4.7 10.4 10.4 0 11.5 9.3 20.8 20.8 20.8h6.8c2.3 9.1 10.5 15.8 20.3 15.8 11.6 0 21-9.4 21-21s-9.4-21-21-21c-9.8 0-18 6.7-20.3 15.8h-6.8c-5.7 0-10.4-4.7-10.4-10.4 0-6.3-2.8-11.9-7.2-15.7 4.4-3.8 7.2-9.4 7.2-15.7 0-5.7 4.7-10.4 10.4-10.4h29.2c2.3 9.1 10.5 15.8 20.3 15.8 11.6 0 21-9.4 21-21s-9.4-21-21-21M21.4 63c-5.8 0-10.6-4.8-10.6-10.6s4.8-10.6 10.6-10.6S32 46.6 32 52.4 27.3 63 21.4 63m57.3 0c-5.8 0-10.6-4.8-10.6-10.6s4.8-10.6 10.6-10.6 10.6 4.8 10.6 10.6S84.6 63 78.7 63m82.8 10.2c5.8 0 10.6 4.8 10.6 10.6s-4.8 10.6-10.6 10.6-10.6-4.8-10.6-10.6c0-5.9 4.8-10.6 10.6-10.6m22.4-41.4c-5.8 0-10.6-4.8-10.6-10.6s4.8-10.6 10.6-10.6 10.6 4.8 10.6 10.6-4.7 10.6-10.6 10.6" style="fill:#ff6d5a"/><path d="M219.4 47.4c0-1.3-.7-1.8-1.8-1.8h-3.5v-7h7.8c3.6 0 5.4 1.6 5.4 4.7v1.6c0 1.3-.2 2.4-.2 2.4h.2c1.7-3.7 6.7-9.8 16-9.8 10.1 0 14.6 5.5 14.6 16.3v18.4c0 1.3.7 1.8 1.8 1.8h3.5v7h-8.1c-3.8 0-5.4-1.6-5.4-5.4v-20c0-6-1.2-10.7-8-10.7-6.6 0-11.8 4.3-13.5 10.4-.6 1.7-.8 3.6-.8 5.7v19.9h-8.2zm60.9 1.5v-.2s-7.3-3.9-7.3-12.1 6.6-15.9 18.5-15.9c11.4 0 18.6 6.8 18.6 16.1 0 8.8-7.2 14.1-7.2 14.1v.2c5.4 3.1 8.8 7.2 8.8 13.6 0 9.3-8.4 17.4-20.5 17.4-11.2 0-20.7-7-20.7-18 .1-9.8 9.8-15.2 9.8-15.2m11 25.6c6.2 0 12-4.1 12-10 0-5.2-4.5-7.5-10-9.8-2.3-.9-5.5-2.2-6.1-2.2-2.1 0-8.1 4.9-8.1 11.2 0 6.6 5.7 10.8 12.2 10.8m4.3-27c2 0 6.3-5 6.3-10.3 0-5.5-4.4-8.9-10.4-8.9-6.5 0-10.3 3.7-10.3 8.4 0 5.2 4.5 7.2 9.8 9.3 1.2.6 3.6 1.5 4.6 1.5m29.1-.1c0-1.3-.7-1.8-1.8-1.8h-3.5v-7h7.8c3.6 0 5.4 1.6 5.4 4.7v1.6c0 1.3-.2 2.4-.2 2.4h.2c1.7-3.7 6.7-9.8 16-9.8 10.1 0 14.6 5.5 14.6 16.3v18.4c0 1.3.7 1.8 1.8 1.8h3.5v7h-8.1c-3.8 0-5.4-1.6-5.4-5.4v-20c0-6-1.2-10.7-8-10.7-6.6 0-11.8 4.3-13.5 10.4-.6 1.7-.8 3.6-.8 5.7v19.9h-8.2z" style="fill:#384d5b"/></svg>

packages/editor-ui/src/components/MainSidebar.vue

@@ -166,9 +166,7 @@ export default defineComponent({
 			useTemplatesStore,
 		),
 		logoPath(): string {
-			if (this.isCollapsed) return this.basePath + 'n8n-logo-collapsed.svg';
+			return this.basePath + (this.isCollapsed ? 'static/logo/collapsed.svg' : this.uiStore.logo);
-
-			return this.basePath + this.uiStore.logo;
 		},
 		hasVersionUpdates(): boolean {
 			return (

packages/editor-ui/src/stores/ui.store.ts

@@ -192,11 +192,10 @@ export const useUIStore = defineStore(STORES.UI, {
 		},
 		logo(): string {
 			const { releaseChannel } = useSettingsStore().settings;
-			const type = this.appliedTheme === 'dark' ? '-dark-mode.svg' : '.svg';
+			const suffix = this.appliedTheme === 'dark' ? '-dark.svg' : '.svg';
-
+			return `static/logo/${
-			return releaseChannel === 'stable'
+				releaseChannel === 'stable' ? 'expanded' : `channel/${releaseChannel}`
-				? `n8n-logo-expanded${type}`
+			}${suffix}`;
-				: `n8n-${releaseChannel}-logo${type}`;
 		},
 		contextBasedTranslationKeys() {
 			const settingsStore = useSettingsStore();