refactor: move cloud dashboard admin to sidebar

n8n-io · Nov 17, 2023 · fb97e8d · fb97e8d
1 parent 0c60f4b
commit fb97e8d
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 62 deletions.
diff --git a/packages/editor-ui/src/components/MainSidebar.vue b/packages/editor-ui/src/components/MainSidebar.vue
@@ -270,6 +270,14 @@ export default defineComponent({
 						this.settingsStore.isQueueModeEnabled && this.settingsStore.isWorkerViewAvailable,
 					activateOnRouteNames: [VIEWS.WORKER_VIEW],
 				},
+				{
+					id: 'cloud-admin',
+					type: 'link',
+					position: 'bottom',
+					label: 'Admin Panel',
+					icon: 'home',
+					available: this.settingsStore.isCloudDeployment && this.usersStore.isInstanceOwner,
+				},
 				{
 					id: 'settings',
 					icon: 'cog',
@@ -461,6 +469,10 @@ export default defineComponent({
 					this.uiStore.openModal(ABOUT_MODAL_KEY);
 					break;
 				}
+				case 'cloud-admin': {
+					this.cloudPlanStore.redirectToDashboard();
+					break;
+				}
 				case 'quickstart':
 				case 'docs':
 				case 'forum':

diff --git a/packages/editor-ui/src/hooks/cloud.ts b/packages/editor-ui/src/hooks/cloud.ts
@@ -1,4 +1,4 @@
-import { hooksAddAdminIcon, hooksAddFakeDoorFeatures } from '@/hooks/utils';
+import { hooksAddFakeDoorFeatures } from '@/hooks/utils';
 import {
 	getAuthenticationModalEventData,
 	getExpressionEditorEventsData,
@@ -29,9 +29,6 @@ import type { ExternalHooks } from '@/types';
 export const n8nCloudHooks: PartialDeep<ExternalHooks> = {
 	app: {
 		mount: [
-			() => {
-				hooksAddAdminIcon();
-			},
 			() => {
 				hooksAddFakeDoorFeatures();
 			},
@@ -43,9 +40,6 @@ export const n8nCloudHooks: PartialDeep<ExternalHooks> = {
 				const segmentStore = useSegment();
 				segmentStore.identify();
 			},
-			() => {
-				hooksAddAdminIcon();
-			},
 		],
 		createNodeActiveChanged: [
 			(_, meta) => {

diff --git a/packages/editor-ui/src/hooks/utils/hooksAddAdminIcon.ts b/packages/editor-ui/src/hooks/utils/hooksAddAdminIcon.ts
diff --git a/packages/editor-ui/src/hooks/utils/hooksAddAutoLoginToAdminPanelButton.ts b/packages/editor-ui/src/hooks/utils/hooksAddAutoLoginToAdminPanelButton.ts
diff --git a/packages/editor-ui/src/hooks/utils/index.ts b/packages/editor-ui/src/hooks/utils/index.ts
@@ -1,4 +1,2 @@
-export * from './hooksAddAdminIcon';
-export * from './hooksAddAutoLoginToAdminPanelButton';
 export * from './hooksAddFakeDoorFeatures';
 export * from './hooksNodesPanel';
diff --git a/packages/editor-ui/src/stores/cloudPlan.store.ts b/packages/editor-ui/src/stores/cloudPlan.store.ts
@@ -151,6 +151,12 @@ export const useCloudPlanStore = defineStore(STORES.CLOUD_PLAN, () => {
 		} catch {}
 	};
 
+	const redirectToDashboard = async () => {
+		const adminPanelHost = new URL(window.location.href).host.split('.').slice(1).join('.');
+		const { code } = await getAutoLoginCode();
+		window.location.href = `https://${adminPanelHost}/login?code=${code}`;
+	};
+
 	return {
 		state,
 		getOwnerCurrentPlan,
@@ -166,5 +172,6 @@ export const useCloudPlanStore = defineStore(STORES.CLOUD_PLAN, () => {
 		checkForCloudPlanData,
 		fetchUserCloudAccount,
 		getAutoLoginCode,
+		redirectToDashboard,
 	};
 });