tonym/spoolman2
1
0
Fork 0
Code Issues 19 Pull Requests Actions Packages Projects Releases Wiki Activity

Add SaveAndAdd footer buttons to keep create consistent

Browse Source
This commit is contained in:
Connor Cleveland
2023-10-26 16:14:24 -05:00
parent 866923fb12
commit a61c99b93d
2 changed files with 28 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
client/src/pages/filaments/create.tsx
View File

@@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import { IResourceComponentsProps, useTranslate } from "@refinedev/core"; import { IResourceComponentsProps, useTranslate } from "@refinedev/core";
import { Create, useForm, useSelect } from "@refinedev/antd"; import { Create, useForm, useSelect } from "@refinedev/antd";
import { Form, Input, Select, InputNumber, ColorPicker } from "antd"; import { Form, Input, Select, InputNumber, ColorPicker, Button } from "antd";
import TextArea from "antd/es/input/TextArea"; import TextArea from "antd/es/input/TextArea";
import { numberFormatter, numberParser } from "../../utils/parsing"; import { numberFormatter, numberParser } from "../../utils/parsing";
import { IVendor } from "../vendors/model"; import { IVendor } from "../vendors/model";
@@ -14,7 +14,7 @@ interface CreateOrCloneProps {
export const FilamentCreate: React.FC<IResourceComponentsProps & CreateOrCloneProps> = (props) => { export const FilamentCreate: React.FC<IResourceComponentsProps & CreateOrCloneProps> = (props) => {
const t = useTranslate(); const t = useTranslate();
const { formProps, saveButtonProps, formLoading } = useForm<IFilament>(); const { form, formProps, saveButtonProps, formLoading, onFinish, redirect } = useForm<IFilament>();
if (props.mode === "clone" && formProps.initialValues) { if (props.mode === "clone" && formProps.initialValues) {
// Fix the vendor_id // Fix the vendor_id
@@ -23,6 +23,12 @@ export const FilamentCreate: React.FC<IResourceComponentsProps & CreateOrClonePr
} }
} }
const handleSubmit = async (redirectTo: "list" | "edit" | "create") => {
let values = await form.validateFields();
await onFinish(values);
redirect(redirectTo, (values as IFilament).id);
}
const { selectProps } = useSelect<IVendor>({ const { selectProps } = useSelect<IVendor>({
resource: "vendor", resource: "vendor",
optionLabel: "name", optionLabel: "name",
@@ -32,7 +38,12 @@ export const FilamentCreate: React.FC<IResourceComponentsProps & CreateOrClonePr
<Create <Create
title={props.mode === "create" ? t("filament.titles.create") : t("filament.titles.clone")} title={props.mode === "create" ? t("filament.titles.create") : t("filament.titles.clone")}
isLoading={formLoading} isLoading={formLoading}
saveButtonProps={saveButtonProps} footerButtons={() => (
<>
<Button type="primary" onClick={() => handleSubmit("list")}>{t("buttons.save")}</Button>
<Button type="primary" onClick={() => handleSubmit("create")}>{t("buttons.saveAndAdd")}</Button>
</>
)}
> >
<Form {...formProps} layout="vertical"> <Form {...formProps} layout="vertical">
<Form.Item <Form.Item

17
client/src/pages/vendors/create.tsx vendored
View File

@@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import { IResourceComponentsProps, useTranslate } from "@refinedev/core"; import { IResourceComponentsProps, useTranslate } from "@refinedev/core";
import { Create, useForm } from "@refinedev/antd"; import { Create, useForm } from "@refinedev/antd";
import { Form, Input } from "antd"; import { Button, Form, Input } from "antd";
import TextArea from "antd/es/input/TextArea"; import TextArea from "antd/es/input/TextArea";
import { IVendor } from "./model"; import { IVendor } from "./model";
@@ -12,13 +12,24 @@ interface CreateOrCloneProps {
export const VendorCreate: React.FC<IResourceComponentsProps & CreateOrCloneProps> = (props) => { export const VendorCreate: React.FC<IResourceComponentsProps & CreateOrCloneProps> = (props) => {
const t = useTranslate(); const t = useTranslate();
const { formProps, saveButtonProps, formLoading } = useForm<IVendor>(); const { form, formProps, saveButtonProps, formLoading, onFinish, redirect } = useForm<IVendor>();
const handleSubmit = async (redirectTo: "list" | "edit" | "create") => {
let values = await form.validateFields();
await onFinish(values);
redirect(redirectTo, (values as IVendor).id);
}
return ( return (
<Create <Create
title={props.mode === "create" ? t("vendor.titles.create") : t("vendor.titles.clone")} title={props.mode === "create" ? t("vendor.titles.create") : t("vendor.titles.clone")}
isLoading={formLoading} isLoading={formLoading}
saveButtonProps={saveButtonProps} footerButtons={() => (
<>
<Button type="primary" onClick={() => handleSubmit("list")}>{t("buttons.save")}</Button>
<Button type="primary" onClick={() => handleSubmit("create")}>{t("buttons.saveAndAdd")}</Button>
</>
)}
> >
<Form {...formProps} layout="vertical"> <Form {...formProps} layout="vertical">
<Form.Item <Form.Item