diff --git a/packages/builder/src/components/backend/TableNavigator/TableNavigator.svelte b/packages/builder/src/components/backend/TableNavigator/TableNavigator.svelte index 056a36c4a7..712d74889c 100644 --- a/packages/builder/src/components/backend/TableNavigator/TableNavigator.svelte +++ b/packages/builder/src/components/backend/TableNavigator/TableNavigator.svelte @@ -53,7 +53,7 @@ selected={isViewActive(view, $isActive, $views, $viewsV2)} on:click={() => { if (view.version === 2) { - $goto(`./view/v2/${view.id}`) + $goto(`./view/v2/${encodeURIComponent(view.id)}`) } else { $goto(`./view/v1/${encodeURIComponent(name)}`) } diff --git a/packages/frontend-core/src/api/viewsV2.js b/packages/frontend-core/src/api/viewsV2.js index 3580d08229..a2072c2e1d 100644 --- a/packages/frontend-core/src/api/viewsV2.js +++ b/packages/frontend-core/src/api/viewsV2.js @@ -5,7 +5,7 @@ export const buildViewV2Endpoints = API => ({ */ fetchDefinition: async viewId => { return await API.get({ - url: `/api/v2/views/${viewId}`, + url: `/api/v2/views/${encodeURIComponent(viewId)}`, }) }, /** @@ -24,7 +24,7 @@ export const buildViewV2Endpoints = API => ({ */ update: async view => { return await API.put({ - url: `/api/v2/views/${view.id}`, + url: `/api/v2/views/${encodeURIComponent(view.id)}`, body: view, }) }, @@ -50,7 +50,7 @@ export const buildViewV2Endpoints = API => ({ sortType, }) => { return await API.post({ - url: `/api/v2/views/${viewId}/search`, + url: `/api/v2/views/${encodeURIComponent(viewId)}/search`, body: { query, paginate, @@ -67,6 +67,8 @@ export const buildViewV2Endpoints = API => ({ * @param viewId the id of the view */ delete: async viewId => { - return await API.delete({ url: `/api/v2/views/${viewId}` }) + return await API.delete({ + url: `/api/v2/views/${encodeURIComponent(viewId)}`, + }) }, })