From 01c8ef9f0fa5a6e5558d092931ed7768094f2f13 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Mon, 11 Dec 2023 17:32:51 +0000
Subject: [PATCH] Update multistep button generation to show/hide buttons
 rather than disabling them

---
 packages/frontend-core/src/utils/utils.js | 100 +++++++++++++---------
 1 file changed, 61 insertions(+), 39 deletions(-)

diff --git a/packages/frontend-core/src/utils/utils.js b/packages/frontend-core/src/utils/utils.js
index 75c2f0b675..84244f6bc4 100644
--- a/packages/frontend-core/src/utils/utils.js
+++ b/packages/frontend-core/src/utils/utils.js
@@ -252,50 +252,72 @@ export const buildMultiStepFormBlockButtonConfig = props => {
   let buttons = []
 
   // Add previous step button if we aren't the first step
-  buttons.push({
-    _id: Helpers.uuid(),
-    _component: "@budibase/standard-components/button",
-    _instanceName: Helpers.uuid(),
-    text: "Back",
-    type: "secondary",
-    size: "M",
-    disabled: currentStep === 0,
-    onClick: [
-      {
-        parameters: {
-          type: "prev",
-          componentId: `${_id}-form`,
+  if (currentStep !== 0) {
+    buttons.push({
+      _id: Helpers.uuid(),
+      _component: "@budibase/standard-components/button",
+      _instanceName: Helpers.uuid(),
+      text: "Back",
+      type: "secondary",
+      size: "M",
+      onClick: [
+        {
+          parameters: {
+            type: "prev",
+            componentId: `${_id}-form`,
+          },
+          "##eventHandlerType": "Change Form Step",
         },
-        "##eventHandlerType": "Change Form Step",
-      },
-    ],
-  })
+      ],
+    })
+  }
 
   // Add a next button if we aren't the last step
-  buttons.push({
-    _id: Helpers.uuid(),
-    _component: "@budibase/standard-components/button",
-    _instanceName: Helpers.uuid(),
-    text: "Next",
-    type: "cta",
-    size: "M",
-    disabled: currentStep === stepCount - 1,
-    onClick: [
-      {
-        "##eventHandlerType": "Validate Form",
-        parameters: {
-          componentId: `${_id}-form`,
+  if (currentStep !== stepCount - 1) {
+    buttons.push({
+      _id: Helpers.uuid(),
+      _component: "@budibase/standard-components/button",
+      _instanceName: Helpers.uuid(),
+      text: "Next",
+      type: "cta",
+      size: "M",
+      onClick: [
+        {
+          "##eventHandlerType": "Validate Form",
+          parameters: {
+            componentId: `${_id}-form`,
+          },
         },
-      },
-      {
-        parameters: {
-          type: "next",
-          componentId: `${_id}-form`,
+        {
+          parameters: {
+            type: "next",
+            componentId: `${_id}-form`,
+          },
+          "##eventHandlerType": "Change Form Step",
         },
-        "##eventHandlerType": "Change Form Step",
-      },
-    ],
-  })
+      ],
+    })
+  }
+
+  // Add save button if we are the last step
+  if (currentStep === stepCount - 1) {
+    buttons.push({
+      _id: Helpers.uuid(),
+      _component: "@budibase/standard-components/button",
+      _instanceName: Helpers.uuid(),
+      text: "Save",
+      type: "cta",
+      size: "M",
+      onClick: [
+        {
+          "##eventHandlerType": "Validate Form",
+          parameters: {
+            componentId: `${_id}-form`,
+          },
+        },
+      ],
+    })
+  }
 
   return buttons
 }