37 lines
1.1 KiB
JavaScript
37 lines
1.1 KiB
JavaScript
import React, { useState } from "react";
|
|
import JobsCreateComponent from "./jobs-create.component";
|
|
import { Form } from "antd";
|
|
import JobCreateContext from "./jobs-create.context";
|
|
export default function JobsCreateContainer() {
|
|
const [form] = Form.useForm();
|
|
|
|
const contextState = useState({
|
|
vehicle: { new: false, search: "", selectedid: null },
|
|
owner: { new: false, search: "", selectedid: null },
|
|
job: null
|
|
});
|
|
|
|
const [state] = contextState;
|
|
|
|
const handleFinish = values => {
|
|
console.log("Form Values", values);
|
|
//const vehicleSpread = state.vehicle.selectedid ? {vehicleid: state.vehicle.selectedid} : {vehicle: {data: { ...values.vehicle} }
|
|
const job = Object.assign(
|
|
{},
|
|
{
|
|
vehicle: state.vehicle.selectedid ? null : values.vehicle,
|
|
vehicleid: state.vehicle.selectedid || null
|
|
}
|
|
);
|
|
console.log("Job To Save", job);
|
|
};
|
|
|
|
return (
|
|
<JobCreateContext.Provider value={contextState}>
|
|
<Form form={form} onFinish={handleFinish} autoComplete={"off"}>
|
|
<JobsCreateComponent form={form} />
|
|
</Form>
|
|
</JobCreateContext.Provider>
|
|
);
|
|
}
|