From ade6ebab220faa185696772010bcc38d50e50737 Mon Sep 17 00:00:00 2001
From: Charlie Kolb <charlie@n8n.io>
Date: Mon, 4 Aug 2025 10:11:47 +0200
Subject: [PATCH] clean up Do The Thing button and adjust api

---
 .../editor-ui/src/components/MainSidebar.vue  |  6 --
 .../src/features/dataStore/dataStore.api.ts   | 73 +++++--------------
 .../src/features/dataStore/datastore.api.ts   | 18 -----
 3 files changed, 18 insertions(+), 79 deletions(-)
 delete mode 100644 packages/frontend/editor-ui/src/features/dataStore/datastore.api.ts

diff --git a/packages/frontend/editor-ui/src/components/MainSidebar.vue b/packages/frontend/editor-ui/src/components/MainSidebar.vue
index a336ddc8993..08c49b80f54 100644
--- a/packages/frontend/editor-ui/src/components/MainSidebar.vue
+++ b/packages/frontend/editor-ui/src/components/MainSidebar.vue
@@ -29,7 +29,6 @@ import Logo from '@/components/Logo/Logo.vue';
 import VersionUpdateCTA from '@/components/VersionUpdateCTA.vue';
 import { TemplateClickSource, trackTemplatesClick } from '@/utils/experiments';
 import { I18nT } from 'vue-i18n';
-import { playground } from '@/features/dataStore/dataStore.api';
 
 const becomeTemplateCreatorStore = useBecomeTemplateCreatorStore();
 const cloudPlanStore = useCloudPlanStore();
@@ -360,10 +359,6 @@ const {
 onClickOutside(createBtn as Ref<VueInstance>, () => {
 	createBtn.value?.close();
 });
-
-const customFunction = async () => {
-	await playground();
-};
 </script>
 
 <template>
@@ -375,7 +370,6 @@ const customFunction = async () => {
 			[$style.sideMenuCollapsed]: isCollapsed,
 		}"
 	>
-		<N8nButton type="primary" @click="customFunction"> Do The Thing </N8nButton>
 		<div
 			id="collapse-change-button"
 			:class="['clickable', $style.sideMenuCollapseButton]"
diff --git a/packages/frontend/editor-ui/src/features/dataStore/dataStore.api.ts b/packages/frontend/editor-ui/src/features/dataStore/dataStore.api.ts
index eb6e9f1f9b9..3a19bcb140b 100644
--- a/packages/frontend/editor-ui/src/features/dataStore/dataStore.api.ts
+++ b/packages/frontend/editor-ui/src/features/dataStore/dataStore.api.ts
@@ -1,60 +1,23 @@
-import { makeRestApiRequest } from '@n8n/rest-api-client';
+import { getFullApiResponse } from '@n8n/rest-api-client';
 import type { IRestApiContext } from '@n8n/rest-api-client';
-import type { CreateDataStoreDto, DataStore, ListDataStoreQueryDto } from '@n8n/api-types';
-import { useRootStore } from '@n8n/stores/useRootStore';
-import { getPersonalProject } from '@/api/projects.api';
 
-export const createDataStoreTable = async (
+import { type DataStoreEntity } from '@/features/dataStore/datastore.types';
+
+export const fetchDataStores = async (
 	context: IRestApiContext,
 	projectId: string,
-	data: CreateDataStoreDto,
-): Promise<DataStore | string> =>
-	await makeRestApiRequest(context, 'POST', `/projects/${projectId}/data-store`, data);
-
-export const listDataStoreTable = async (
-	context: IRestApiContext,
-	projectId: string,
-	data: Partial<ListDataStoreQueryDto> = {},
-): Promise<DataStore | string> =>
-	await makeRestApiRequest(context, 'GET', `/projects/${projectId}/data-store`, data);
-
-// dev util to run code
-export const playground = async () => {
-	const context = useRootStore().restApiContext;
-	const project = await getPersonalProject(context);
-	{
-		const result = await listDataStoreTable(context, project.id);
-		console.log(result);
-	}
-	{
-		const result = await createDataStoreTable(context, project.id, {
-			name: 'myFirstTable' + Math.random(),
-			columns: [],
-		});
-		console.log(result);
-	}
+	options?: {
+		page?: number;
+		pageSize?: number;
+	},
+) => {
+	return await getFullApiResponse<DataStoreEntity[]>(
+		context,
+		'GET',
+		`/projects/${projectId}/data-stores`,
+		{
+			projectId,
+			options,
+		},
+	);
 };
-
-// export const fetchInsightsSummary = async (
-// 	context: IRestApiContext,
-// 	filter?: { dateRange: InsightsDateRange['key'] },
-// ): Promise<InsightsSummary> =>
-// 	await makeRestApiRequest(context, 'GET', '/insights/summary', filter);
-
-// export const fetchInsightsByTime = async (
-// 	context: IRestApiContext,
-// 	filter?: { dateRange: InsightsDateRange['key'] },
-// ): Promise<InsightsByTime[]> =>
-// 	await makeRestApiRequest(context, 'GET', '/insights/by-time', filter);
-
-// export const fetchInsightsTimeSaved = async (
-// 	context: IRestApiContext,
-// 	filter?: { dateRange: InsightsDateRange['key'] },
-// ): Promise<InsightsByTime[]> =>
-// 	await makeRestApiRequest(context, 'GET', '/insights/by-time/time-saved', filter);
-
-// export const fetchInsightsByWorkflow = async (
-// 	context: IRestApiContext,
-// 	filter?: ListInsightsWorkflowQueryDto,
-// ): Promise<InsightsByWorkflow> =>
-// 	await makeRestApiRequest(context, 'GET', '/insights/by-workflow', filter);
diff --git a/packages/frontend/editor-ui/src/features/dataStore/datastore.api.ts b/packages/frontend/editor-ui/src/features/dataStore/datastore.api.ts
deleted file mode 100644
index c8026a0098c..00000000000
--- a/packages/frontend/editor-ui/src/features/dataStore/datastore.api.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { getFullApiResponse } from '@n8n/rest-api-client';
-import type { IRestApiContext } from '@n8n/rest-api-client';
-
-import { type DataStoreEntity } from '@/features/dataStore/datastore.types';
-
-export const fetchDataStores = async (
-	context: IRestApiContext,
-	projectId?: string,
-	options?: {
-		page?: number;
-		pageSize?: number;
-	},
-) => {
-	return await getFullApiResponse<DataStoreEntity[]>(context, 'GET', '/data-stores', {
-		projectId,
-		options,
-	});
-};