From 920fea7b1f1d5233d9a154644cf07e0bf137e1a6 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Mon, 5 Jun 2023 08:48:02 +0100
Subject: [PATCH] Remove beta button from grid, add feedback button to data
 section linking to collaboration maze

---
 .../data/_components}/BetaButton.svelte       | 24 ++++---------------
 .../DatasourceOption.svelte}                  |  0
 .../app/[application]/data/_layout.svelte     |  3 +++
 .../builder/app/[application]/data/new.svelte |  2 +-
 .../src/components/grid/layout/Grid.svelte    |  2 --
 5 files changed, 8 insertions(+), 23 deletions(-)
 rename packages/{frontend-core/src/components/grid/controls => builder/src/pages/builder/app/[application]/data/_components}/BetaButton.svelte (50%)
 rename packages/builder/src/pages/builder/app/[application]/data/{_DatasourceOption.svelte => _components/DatasourceOption.svelte} (100%)

diff --git a/packages/frontend-core/src/components/grid/controls/BetaButton.svelte b/packages/builder/src/pages/builder/app/[application]/data/_components/BetaButton.svelte
similarity index 50%
rename from packages/frontend-core/src/components/grid/controls/BetaButton.svelte
rename to packages/builder/src/pages/builder/app/[application]/data/_components/BetaButton.svelte
index e5069388e7..1349fdb13c 100644
--- a/packages/frontend-core/src/components/grid/controls/BetaButton.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/data/_components/BetaButton.svelte
@@ -2,13 +2,11 @@
   import { Button } from "@budibase/bbui"
 </script>
 
-<div class="beta-background" />
 <div class="beta">
-  Enjoying the Grid?
   <Button
     size="M"
     cta
-    on:click={() => window.open("https://t.maze.co/156382627", "_blank")}
+    on:click={() => window.open("https://t.maze.co/165900794", "_blank")}
   >
     Give Feedback
   </Button>
@@ -17,30 +15,16 @@
 <style>
   .beta {
     position: absolute;
-    bottom: 32px;
-    right: 32px;
+    bottom: var(--spacing-xl);
+    right: 24px;
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 16px;
+    z-index: 10;
   }
   .beta :global(.spectrum-Button) {
     background: var(--spectrum-global-color-magenta-400);
     border-color: var(--spectrum-global-color-magenta-400);
   }
-  .beta-background {
-    z-index: 0;
-    pointer-events: none;
-    position: absolute;
-    bottom: -230px;
-    right: -105px;
-    width: 1400px;
-    height: 320px;
-    transform: rotate(-22deg);
-    background: linear-gradient(
-      to top,
-      var(--cell-background) 20%,
-      transparent
-    );
-  }
 </style>
diff --git a/packages/builder/src/pages/builder/app/[application]/data/_DatasourceOption.svelte b/packages/builder/src/pages/builder/app/[application]/data/_components/DatasourceOption.svelte
similarity index 100%
rename from packages/builder/src/pages/builder/app/[application]/data/_DatasourceOption.svelte
rename to packages/builder/src/pages/builder/app/[application]/data/_components/DatasourceOption.svelte
diff --git a/packages/builder/src/pages/builder/app/[application]/data/_layout.svelte b/packages/builder/src/pages/builder/app/[application]/data/_layout.svelte
index 87c4db81df..c0813fd2b8 100644
--- a/packages/builder/src/pages/builder/app/[application]/data/_layout.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/data/_layout.svelte
@@ -3,6 +3,7 @@
   import DatasourceNavigator from "components/backend/DatasourceNavigator/DatasourceNavigator.svelte"
   import Panel from "components/design/Panel.svelte"
   import { isActive, goto } from "@roxi/routify"
+  import BetaButton from "./_components/BetaButton.svelte"
 </script>
 
 <!-- routify:options index=1 -->
@@ -19,6 +20,7 @@
   <div class="content">
     <slot />
   </div>
+  <BetaButton />
 </div>
 
 <style>
@@ -39,5 +41,6 @@
     justify-content: flex-start;
     align-items: stretch;
     flex: 1 1 auto;
+    z-index: 1;
   }
 </style>
diff --git a/packages/builder/src/pages/builder/app/[application]/data/new.svelte b/packages/builder/src/pages/builder/app/[application]/data/new.svelte
index f8e8fd85e7..fedaf013da 100644
--- a/packages/builder/src/pages/builder/app/[application]/data/new.svelte
+++ b/packages/builder/src/pages/builder/app/[application]/data/new.svelte
@@ -13,7 +13,7 @@
   import DatasourceConfigModal from "components/backend/DatasourceNavigator/modals/DatasourceConfigModal.svelte"
   import GoogleDatasourceConfigModal from "components/backend/DatasourceNavigator/modals/GoogleDatasourceConfigModal.svelte"
   import { createRestDatasource } from "builderStore/datasource"
-  import DatasourceOption from "./_DatasourceOption.svelte"
+  import DatasourceOption from "./_components/DatasourceOption.svelte"
   import IntegrationIcon from "components/backend/DatasourceNavigator/IntegrationIcon.svelte"
   import ICONS from "components/backend/DatasourceNavigator/icons/index.js"
   import FontAwesomeIcon from "components/common/FontAwesomeIcon.svelte"
diff --git a/packages/frontend-core/src/components/grid/layout/Grid.svelte b/packages/frontend-core/src/components/grid/layout/Grid.svelte
index 08325857d6..81f42ca257 100644
--- a/packages/frontend-core/src/components/grid/layout/Grid.svelte
+++ b/packages/frontend-core/src/components/grid/layout/Grid.svelte
@@ -7,7 +7,6 @@
   import { createAPIClient } from "../../../api"
   import { attachStores } from "../stores"
   import BulkDeleteHandler from "../controls/BulkDeleteHandler.svelte"
-  import BetaButton from "../controls/BetaButton.svelte"
   import GridBody from "./GridBody.svelte"
   import ResizeOverlay from "../overlays/ResizeOverlay.svelte"
   import ReorderOverlay from "../overlays/ReorderOverlay.svelte"
@@ -144,7 +143,6 @@
           <HeaderRow />
           <GridBody />
         </div>
-        <BetaButton />
         {#if allowAddRows}
           <NewRow />
         {/if}