[FEAT] Make implementing "save and continue editing" button easier

See discussion on Discord

Is your feature request related to a problem? Please describe. Django-Admin implements two buttons on its edit pages: “Save” and “Save and continue editing”. The latter is sorely missed in Refine.

Describe the solution you’d like As discussed on Discord, a possible solution would be to have useForm return a mutation function, which can be combined with { redirect: false } option and actionButtons on <Edit> to build both buttons.

[rassie]

I think this looks good for a simple solution. But I also feel this can be simplified a bit, for better DX.

list("posts") is basically what useForm({ redirect: "list" }) is doing, but with an additional burden to explicitly name the resource in question. Yes, we are writing code for a particular resource, but to have to type its name only a couple of times in code is a feature not a bug. Also, form.getFieldsValue(true) could probably be a default argument value, since both onFinish and form come from useForm, i.e. are available in the same scope. Then we’d arrive at this:

const { form, onFinish, redirect } = useForm<IPost>({
             automaticRedirect: false,
         });

actionButtons={
                 <>
                     <SaveButton
                         onClick={async() => {
                             await onFinish?.();
                         }}
                     >
                         Save and continue editing
                     </SaveButton>
                     <SaveButton
                         onClick={() => {
                             onFinish?.().then(redirect);
                         }}
                     />
                 </>
             }

But then again, <SaveButton> is a Refine component, so if we use all defaults, we might be talking about

const { form } = useForm<IPost>();

actionButtons={
                 <>
                     <SaveButton redirect={false}>
                         Save and continue editing
                     </SaveButton>
                     <SaveButton />
                 </>
             }

but I’m not sure whether this would be easy to implement, since <SaveButton> doesn’t handle redirect and probably shouldn’t.

[omeraplak]

Ohh, thank you. I’ve fixed it!