admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

IO-3571 Create Job Done Button Loading

Browse Source 
Signed-off-by: Allan Carr <allan@imexsystems.ca>
This commit is contained in:
Allan Carr
2026-03-06 18:31:22 -08:00
parent 8980d3716b
commit 0d502d4dd4
4 changed files with 13 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
client/src/pages/jobs-create/jobs-create.component.jsx
View File

@@ -12,12 +12,11 @@ import JobCreateContext from "../../pages/jobs-create/jobs-create.context";
export default function JobsCreateComponent({ form }) { export default function JobsCreateComponent({ form }) {
const [pageIndex, setPageIndex] = useState(0); const [pageIndex, setPageIndex] = useState(0);
const [errorMessage, setErrorMessage] = useState(null); const [errorMessage, setErrorMessage] = useState(null);
const [isSubmitting, setIsSubmitting] = useState(false);
const [state] = useContext(JobCreateContext); const [state] = useContext(JobCreateContext);
const { t } = useTranslation(); const { t } = useTranslation();
const steps = [ const steps = [
{ {
title: t("jobs.labels.create.vehicleinfo"), title: t("jobs.labels.create.vehicleinfo"),
@@ -42,11 +41,9 @@ export default function JobsCreateComponent({ form }) {
const next = () => { const next = () => {
setPageIndex(pageIndex + 1); setPageIndex(pageIndex + 1);
console.log("Next");
}; };
const prev = () => { const prev = () => {
setPageIndex(pageIndex - 1); setPageIndex(pageIndex - 1);
console.log("Previous");
}; };
const ProgressButtons = ({ top }) => { const ProgressButtons = ({ top }) => {
@@ -79,17 +76,21 @@ export default function JobsCreateComponent({ form }) {
{pageIndex === steps.length - 1 && ( {pageIndex === steps.length - 1 && (
<Button <Button
type="primary" type="primary"
loading={isSubmitting}
onClick={() => { onClick={() => {
setIsSubmitting(true);
form form
.validateFields() .validateFields()
.then(() => { .then(() => {
// NO OP form.submit();
}) })
.catch((error) => console.log("error", error)); .catch((error) => {
form.submit(); console.log("error", error);
setIsSubmitting(false);
});
}} }}
> >
Done {t("general.actions.done")}
</Button> </Button>
)} )}
</Space> </Space>
@@ -146,13 +147,11 @@ export default function JobsCreateComponent({ form }) {
) : ( ) : (
<div> <div>
<ProgressButtons top /> <ProgressButtons top />
{errorMessage ? ( {errorMessage ? (
<div> <div>
<AlertComponent title={errorMessage} type="error" /> <AlertComponent title={errorMessage} type="error" />
</div> </div>
) : null} ) : null}
{steps.map((item, idx) => ( {steps.map((item, idx) => (
<div <div
key={idx} key={idx}

1
client/src/translations/en_us/common.json
View File

@@ -1295,6 +1295,7 @@
"delete": "Delete", "delete": "Delete",
"deleteall": "Delete All", "deleteall": "Delete All",
"deselectall": "Deselect All", "deselectall": "Deselect All",
"done": "Done",
"download": "Download", "download": "Download",
"edit": "Edit", "edit": "Edit",
"gotoadmin": "Go to Admin Panel", "gotoadmin": "Go to Admin Panel",

1
client/src/translations/es/common.json
View File

@@ -1295,6 +1295,7 @@
"delete": "Borrar", "delete": "Borrar",
"deleteall": "", "deleteall": "",
"deselectall": "", "deselectall": "",
"done": "",
"download": "", "download": "",
"edit": "Editar", "edit": "Editar",
"gotoadmin": "", "gotoadmin": "",

1
client/src/translations/fr/common.json
View File

@@ -1295,6 +1295,7 @@
"delete": "Effacer", "delete": "Effacer",
"deleteall": "", "deleteall": "",
"deselectall": "", "deselectall": "",
"done": "",
"download": "", "download": "",
"edit": "modifier", "edit": "modifier",
"gotoadmin": "", "gotoadmin": "",