scaffolder: allow tweaking of the MultiStepJsonForm finish button label

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
This commit is contained in:
Patrik Oldsberg
2022-04-04 10:16:22 +02:00
parent c3a24968b3
commit 16f11352ab
@@ -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>