From ef5b1c5a99aad337d736f5a4464731a009ed5672 Mon Sep 17 00:00:00 2001
From: Martin McKeaveney <martin@shogunsystems.co.uk>
Date: Mon, 21 Jun 2021 19:47:40 +0100
Subject: [PATCH] prevent portal link from navigating in builder preview

---
 packages/standard-components/src/Layout.svelte | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/standard-components/src/Layout.svelte b/packages/standard-components/src/Layout.svelte
index 1e26f23a3c..44b009850c 100644
--- a/packages/standard-components/src/Layout.svelte
+++ b/packages/standard-components/src/Layout.svelte
@@ -2,7 +2,7 @@
   import { getContext } from "svelte"
   import { Heading, Icon } from "@budibase/bbui"
 
-  const { styleable, linkable } = getContext("sdk")
+  const { styleable, linkable, builderStore } = getContext("sdk")
   const component = getContext("component")
 
   export let title
@@ -41,6 +41,11 @@
   const close = () => {
     mobileOpen = false
   }
+
+  const navigateToPortal = () => {
+    if ($builderStore.inBuilder) return
+    window.location.href = "/builder/apps"
+  }
 </script>
 
 <div class="layout layout--{typeClass}" use:styleable={$component.styles}>
@@ -72,7 +77,7 @@
             <Icon
               hoverable
               name="Apps"
-              on:click={() => (window.location.href = "/builder/apps")}
+              on:click={navigateToPortal}
             />
           </div>
         </div>