From 16f11352ab50dd71c65aac00135be5c72388da47 Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Mon, 4 Apr 2022 10:16:22 +0200
Subject: [PATCH] scaffolder: allow tweaking of the MultiStepJsonForm finish
 button label

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
---
 .../MultistepJsonForm/MultistepJsonForm.tsx         | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx b/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx
index fb1de5f46d..af817739ed 100644
--- a/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx
+++ b/plugins/scaffolder/src/components/MultistepJsonForm/MultistepJsonForm.tsx
@@ -54,6 +54,7 @@ type Props = {
   onFinish?: () => Promise<void>;
   widgets?: FormProps<any>['widgets'];
   fields?: FormProps<any>['fields'];
+  finishButtonLabel?: string;
 };
 
 export function getUiSchemasFromSteps(steps: Step[]): UiSchema[] {
@@ -110,7 +111,15 @@ export function getReviewData(formData: Record<string, any>, steps: Step[]) {
 }
 
 export const MultistepJsonForm = (props: Props) => {
-  const { formData, onChange, onReset, onFinish, fields, widgets } = props;
+  const {
+    formData,
+    onChange,
+    onReset,
+    onFinish,
+    fields,
+    widgets,
+    finishButtonLabel,
+  } = props;
   const [activeStep, setActiveStep] = useState(0);
   const [disableButtons, setDisableButtons] = useState(false);
   const errorApi = useApi(errorApiRef);
@@ -239,7 +248,7 @@ export const MultistepJsonForm = (props: Props) => {
               onClick={handleCreate}
               disabled={!onFinish || disableButtons}
             >
-              Create
+              {finishButtonLabel ?? 'Create'}
             </Button>
           </Paper>
         </Content>