onfinish callback
onfinish dosent seem to be executed??
const {
form,
current,
gotoStep,
stepsProps,
formProps,
saveButtonProps,
queryResult,
} = useStepsForm<any>({
autoSave:{
enabled:false,
onFinish:(values)=>{
campaignRef.current.getFinalFormData();
return {};
}
}
});
return (
<Edit
isLoading={queryResult?.isFetching}
footerButtons={
<>
{current > 0 && (
<Button
onClick={() => {
gotoStep(current - 1);
}}
>
{t("buttons.previousStep")}
</Button>
)}
{current < formList.length - 1 && (
<Button
onClick={() => {
handleGoToNextStep();
}}
>
{t("buttons.nextStep")}
</Button>
)}
{current === formList.length - 1 && (
<SaveButton style={{ marginRight: 10 }} {...saveButtonProps} />
)}
</>
}
>
{/* <Row gutter={[64, 0]} wrap> */}
<Steps {...stepsProps} responsive>
<Steps.Step title={t("campaigns.steps.details")} />
<Steps.Step title={t("campaigns.steps.targeting")} />
<Steps.Step title={t("campaigns.steps.ads")} />
</Steps>
<CampaignForm ref={campaignRef} formProps={formProps} campaignQueryResult={queryResult} initialValues={{
isActive: true,
...formProps.initialValues,
}} current={current} gotoStep={gotoStep} form={form} />
</Edit>
);
const {
form,
current,
gotoStep,
stepsProps,
formProps,
saveButtonProps,
queryResult,
} = useStepsForm<any>({
autoSave:{
enabled:false,
onFinish:(values)=>{
campaignRef.current.getFinalFormData();
return {};
}
}
});
return (
<Edit
isLoading={queryResult?.isFetching}
footerButtons={
<>
{current > 0 && (
<Button
onClick={() => {
gotoStep(current - 1);
}}
>
{t("buttons.previousStep")}
</Button>
)}
{current < formList.length - 1 && (
<Button
onClick={() => {
handleGoToNextStep();
}}
>
{t("buttons.nextStep")}
</Button>
)}
{current === formList.length - 1 && (
<SaveButton style={{ marginRight: 10 }} {...saveButtonProps} />
)}
</>
}
>
{/* <Row gutter={[64, 0]} wrap> */}
<Steps {...stepsProps} responsive>
<Steps.Step title={t("campaigns.steps.details")} />
<Steps.Step title={t("campaigns.steps.targeting")} />
<Steps.Step title={t("campaigns.steps.ads")} />
</Steps>
<CampaignForm ref={campaignRef} formProps={formProps} campaignQueryResult={queryResult} initialValues={{
isActive: true,
...formProps.initialValues,
}} current={current} gotoStep={gotoStep} form={form} />
</Edit>
);
