Merge pull request #19038 from aakashgautam-git/fix/18511-calculation-view-screen-usage

fix:display screens button in calculation view

Author: melohagan

packages/builder/src/components/backend/DataTable/buttons/grid/GridScreensButton.svelte

@@ -6,6 +6,8 @@
   import type { Screen, ScreenUsage } from "@budibase/types"
   const dispatch = createEventDispatcher<{ generate: void }>()
 
+  export let showGenerateAppScreenButton = true
+
   const { datasource } = getContext("grid")
 
   let popover: ScreensPopover
@@ -44,8 +46,10 @@
   showCount
 >
   <svelte:fragment slot="footer">
-    <Button secondary icon="browser" on:click={generateScreen}>
-      Generate app screen
-    </Button>
+    {#if showGenerateAppScreenButton}
+      <Button secondary icon="browser" on:click={generateScreen}>
+        Generate app screen
+      </Button>
+    {/if}
   </svelte:fragment>
 </ScreensPopover>

packages/builder/src/pages/builder/workspace/[application]/data/table/[tableId]/[viewId]/index.svelte

@@ -150,8 +150,11 @@
           {#if !calculation}
             <GridColumnsSettingButton />
             <GridRowActionsButton />
-            <GridScreensButton on:generate={() => generateButton?.show()} />
           {/if}
+          <GridScreensButton
+            showGenerateAppScreenButton={!calculation}
+            on:generate={() => generateButton?.show()}
+          />
           <GridGenerateButton bind:this={generateButton} />
         {/if}
       </svelte:fragment>