From 8a49b5148d4bc66a87d62d2a7ec6bc312877c784 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Wed, 26 Feb 2025 11:03:36 +0000
Subject: [PATCH] Update autoscreens to use new text component

---
 .../builder/src/templates/screenTemplating/table/inline.js    | 4 ++--
 .../builder/src/templates/screenTemplating/table/modal.js     | 4 ++--
 .../builder/src/templates/screenTemplating/table/newScreen.js | 4 ++--
 .../builder/src/templates/screenTemplating/table/sidePanel.js | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/packages/builder/src/templates/screenTemplating/table/inline.js b/packages/builder/src/templates/screenTemplating/table/inline.js
index 86f23582bb..abaa704075 100644
--- a/packages/builder/src/templates/screenTemplating/table/inline.js
+++ b/packages/builder/src/templates/screenTemplating/table/inline.js
@@ -5,10 +5,10 @@ import getValidRoute from "../getValidRoute"
 import { getRowActionButtonTemplates } from "@/templates/rowActions"
 
 const inline = async ({ tableOrView, permissions, screens }) => {
-  const heading = new Component("@budibase/standard-components/heading")
+  const heading = new Component("@budibase/standard-components/textv2")
     .instanceName("Table heading")
     .customProps({
-      text: tableOrView.name,
+      text: `## ${tableOrView.name}`,
     })
     .gridDesktopColSpan(1, 13)
     .gridDesktopRowSpan(1, 3)
diff --git a/packages/builder/src/templates/screenTemplating/table/modal.js b/packages/builder/src/templates/screenTemplating/table/modal.js
index 76c32ef278..1dc03687e9 100644
--- a/packages/builder/src/templates/screenTemplating/table/modal.js
+++ b/packages/builder/src/templates/screenTemplating/table/modal.js
@@ -43,10 +43,10 @@ const modal = async ({ tableOrView, permissions, screens }) => {
     .gridDesktopColSpan(7, 13)
     .gridDesktopRowSpan(1, 3)
 
-  const heading = new Component("@budibase/standard-components/heading")
+  const heading = new Component("@budibase/standard-components/textv2")
     .instanceName("Table heading")
     .customProps({
-      text: tableOrView.name,
+      text: `## ${tableOrView.name}`,
     })
     .gridDesktopColSpan(1, 7)
     .gridDesktopRowSpan(1, 3)
diff --git a/packages/builder/src/templates/screenTemplating/table/newScreen.js b/packages/builder/src/templates/screenTemplating/table/newScreen.js
index 285376a44a..4c7acb780a 100644
--- a/packages/builder/src/templates/screenTemplating/table/newScreen.js
+++ b/packages/builder/src/templates/screenTemplating/table/newScreen.js
@@ -40,10 +40,10 @@ const getTableScreenTemplate = ({
     .gridDesktopColSpan(7, 13)
     .gridDesktopRowSpan(1, 3)
 
-  const heading = new Component("@budibase/standard-components/heading")
+  const heading = new Component("@budibase/standard-components/textv2")
     .instanceName("Table heading")
     .customProps({
-      text: tableOrView.name,
+      text: `## ${tableOrView.name}`,
     })
     .gridDesktopColSpan(1, 7)
     .gridDesktopRowSpan(1, 3)
diff --git a/packages/builder/src/templates/screenTemplating/table/sidePanel.js b/packages/builder/src/templates/screenTemplating/table/sidePanel.js
index 966ecea2bd..686f08e0a4 100644
--- a/packages/builder/src/templates/screenTemplating/table/sidePanel.js
+++ b/packages/builder/src/templates/screenTemplating/table/sidePanel.js
@@ -41,10 +41,10 @@ const sidePanel = async ({ tableOrView, permissions, screens }) => {
     .gridDesktopColSpan(7, 13)
     .gridDesktopRowSpan(1, 3)
 
-  const heading = new Component("@budibase/standard-components/heading")
+  const heading = new Component("@budibase/standard-components/textv2")
     .instanceName("Table heading")
     .customProps({
-      text: tableOrView.name,
+      text: `## ${tableOrView.name}`,
     })
     .gridDesktopColSpan(1, 7)
     .gridDesktopRowSpan(1, 3)