Merge pull request #8246 from Budibase/feature/replace-builder-back-button-with-menu

Replace Builder Back Button With Menu

packages/builder/src/pages/builder/app/[application]/_layout.svelte

@@ -1,7 +1,16 @@
 <script>
   import { store, automationStore } from "builderStore"
   import { roles, flags } from "stores/backend"
-  import { Icon, Tabs, Tab, Heading, notifications } from "@budibase/bbui"
+  import { apps } from "stores/portal"
+  import {
+    ActionMenu,
+    MenuItem,
+    Icon,
+    Tabs,
+    Tab,
+    Heading,
+    notifications,
+  } from "@budibase/bbui"
   import RevertModal from "components/deploy/RevertModal.svelte"
   import VersionModal from "components/deploy/VersionModal.svelte"
   import DeployNavigation from "components/deploy/DeployNavigation.svelte"
@@ -54,6 +63,9 @@
     })
   }
 
+  $: isPublished =
+    $apps.find(app => app.devId === application)?.status === "published"
+
   onMount(async () => {
     if (!hasSynced && application) {
       try {
@@ -83,12 +95,43 @@
   <div class="root">
     <div class="top-nav">
       <div class="topleftnav">
-        <Icon
+        <ActionMenu>
-          size="M"
+          <div slot="control">
-          name="ArrowLeft"
+            <Icon size="M" hoverable name="ShowMenu" />
-          hoverable
+          </div>
-          on:click={() => $goto("../../portal/apps")}
+          <MenuItem on:click={() => $goto("../../portal/apps")}>
-        />
+            Exit to portal
+          </MenuItem>
+          <MenuItem
+            on:click={() => $goto(`../../portal/overview/${application}`)}
+          >
+            Overview
+          </MenuItem>
+          <MenuItem
+            on:click={() =>
+              $goto(`../../portal/overview/${application}?tab=Access`)}
+          >
+            Access
+          </MenuItem>
+          {#if isPublished}
+            <MenuItem
+              on:click={() =>
+                $goto(
+                  `../../portal/overview/${application}?tab=${encodeURIComponent(
+                    "Automation History"
+                  )}`
+                )}
+            >
+              Automation history
+            </MenuItem>
+          {/if}
+          <MenuItem
+            on:click={() =>
+              $goto(`../../portal/overview/${application}?tab=Settings`)}
+          >
+            Settings
+          </MenuItem>
+        </ActionMenu>
         <Heading size="XS">{$store.name || "App"}</Heading>
       </div>
       <div class="topcenternav">