From 4e85caa7b0927f4f90fe9574055725f46f283b8a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Keviin=20=C3=85berg=20Kultalahti?= <kevin.aberg@gmail.com>
Date: Mon, 15 Mar 2021 12:53:44 +0100
Subject: [PATCH] wip: work on routing in automation tab

---
 .../AutomationPanel/AutomationList.svelte        |  5 ++++-
 .../automate/[automation]/_layout.svelte         | 13 +++++++++++--
 .../pages/[application]/automate/index.svelte    | 16 ++++++++++++++++
 3 files changed, 31 insertions(+), 3 deletions(-)

diff --git a/packages/builder/src/components/automation/AutomationPanel/AutomationList.svelte b/packages/builder/src/components/automation/AutomationPanel/AutomationList.svelte
index c4a39d69b9..f7ca959979 100644
--- a/packages/builder/src/components/automation/AutomationPanel/AutomationList.svelte
+++ b/packages/builder/src/components/automation/AutomationPanel/AutomationList.svelte
@@ -9,6 +9,9 @@
   onMount(() => {
     automationStore.actions.fetch()
   })
+  function selectAutomation(automation) {
+    automationStore.actions.select(automation)
+  }
 </script>
 
 <div class="automations-list">
@@ -18,7 +21,7 @@
       icon="ri-stackshare-line"
       text={automation.name}
       selected={automation._id === selectedAutomationId}
-      on:click={() => automationStore.actions.select(automation)}>
+      on:click={() => selectAutomation(automation)}>
       <EditAutomationPopover {automation} />
     </NavItem>
   {/each}
diff --git a/packages/builder/src/pages/[application]/automate/[automation]/_layout.svelte b/packages/builder/src/pages/[application]/automate/[automation]/_layout.svelte
index 28234decc3..ce6917df6b 100644
--- a/packages/builder/src/pages/[application]/automate/[automation]/_layout.svelte
+++ b/packages/builder/src/pages/[application]/automate/[automation]/_layout.svelte
@@ -1,6 +1,15 @@
 <script>
-  import { store } from "builderStore"
+  import { automationStore } from "builderStore"
   import { params } from "@sveltech/routify"
 
-  store.actions.layouts.select($params.layout)
+  if ($params.automation) {
+    const automation = $automationStore.automations.find(
+      m => m._id === $params.automation
+    )
+    if (automation) {
+      automationStore.actions.select(automation)
+    }
+  }
 </script>
+
+<slot />
diff --git a/packages/builder/src/pages/[application]/automate/index.svelte b/packages/builder/src/pages/[application]/automate/index.svelte
index 1a15ed48c6..8ef6090d90 100644
--- a/packages/builder/src/pages/[application]/automate/index.svelte
+++ b/packages/builder/src/pages/[application]/automate/index.svelte
@@ -1,5 +1,21 @@
 <script>
+  import { onMount } from 'svelte'
+  import { automationStore } from "builderStore"
   import AutomationBuilder from "components/automation/AutomationBuilder/AutomationBuilder.svelte"
+
+  onMount(async () => {
+    console.log('Automation Store: ', $automationStore)
+    console.log('Automation Store Methods: ', automationStore)
+    // navigate to first automation in list, if not already selected
+    // if (
+    //   !$leftover &&
+    //   $backendUiStore.tables.length > 0 &&
+    //   (!$backendUiStore.selectedTable || !$backendUiStore.selectedTable._id)
+    // ) {
+    //   // this file routes as .../tables/index, so, go up one.
+    //   $goto(`../${$backendUiStore.tables[0]._id}`)
+    // }
+  })
 </script>
 
 <AutomationBuilder />