From 16764e66349994b72977e815361036bb845f8132 Mon Sep 17 00:00:00 2001
From: Adria Navarro <adria@budibase.com>
Date: Wed, 19 Jul 2023 11:06:59 +0200
Subject: [PATCH] Fetch

---
 .../data/view/v2/[id]/_layout.svelte          | 28 +++++++++++++++++++
 .../v2/{[id].svelte => [id]/index.svelte}     |  8 +++---
 2 files changed, 32 insertions(+), 4 deletions(-)
 create mode 100644 packages/builder/src/pages/builder/app/[application]/data/view/v2/[id]/_layout.svelte
 rename packages/builder/src/pages/builder/app/[application]/data/view/v2/{[id].svelte => [id]/index.svelte} (87%)

diff --git a/packages/builder/src/pages/builder/app/[application]/data/view/v2/[id]/_layout.svelte b/packages/builder/src/pages/builder/app/[application]/data/view/v2/[id]/_layout.svelte
new file mode 100644
index 0000000000..f296a563d9
--- /dev/null
+++ b/packages/builder/src/pages/builder/app/[application]/data/view/v2/[id]/_layout.svelte
@@ -0,0 +1,28 @@
+<script>
+  import { views } from "stores/backend"
+  import { syncURLToState } from "helpers/urlStateSync"
+  import * as routify from "@roxi/routify"
+  import { onDestroy } from "svelte"
+  import { store } from "builderStore"
+
+  $: viewName = $views.selectedViewName
+  $: store.actions.websocket.selectResource(viewName)
+
+  const stopSyncing = syncURLToState({
+    urlParam: "id",
+    stateKey: "selectedViewId",
+    validate: id => $views.list?.some(view => view._id === id),
+    update: id => {
+      const view = $views.list.find(v => v._id === id)
+      views.select(view.name)
+    },
+    fallbackUrl: "../",
+    store: views,
+    routify,
+    decode: decodeURIComponent,
+  })
+
+  onDestroy(stopSyncing)
+</script>
+
+<slot />
diff --git a/packages/builder/src/pages/builder/app/[application]/data/view/v2/[id].svelte b/packages/builder/src/pages/builder/app/[application]/data/view/v2/[id]/index.svelte
similarity index 87%
rename from packages/builder/src/pages/builder/app/[application]/data/view/v2/[id].svelte
rename to packages/builder/src/pages/builder/app/[application]/data/view/v2/[id]/index.svelte
index 266fd237f5..354e516af3 100644
--- a/packages/builder/src/pages/builder/app/[application]/data/view/v2/[id].svelte
+++ b/packages/builder/src/pages/builder/app/[application]/data/view/v2/[id]/index.svelte
@@ -1,15 +1,15 @@
 <script>
-  import { views } from "stores/backend"
-  import { Grid } from "@budibase/frontend-core"
   import { API } from "api"
+  import { Grid } from "@budibase/frontend-core"
+  import { views } from "stores/backend"
 
-  export let id
+  $: selectedView = $views.selected
 </script>
 
 <div class="wrapper">
   <Grid
     {API}
-    tableId={id}
+    tableId={selectedView?._id}
     datasourceType="viewV2"
     showAvatars={false}
     showControls={false}