Fixed vehicle and owner pages with transition prevention. BOD-127

client/src/components/vehicle-detail-form/vehicle-detail-form.container.jsx

@@ -11,28 +11,39 @@ function VehicleDetailFormContainer({ vehicle, refetch }) {
   const [updateVehicle] = useMutation(UPDATE_VEHICLE);
   const [form] = Form.useForm();
 
-  const handleFinish = (values) => {
-    updateVehicle({
+  const handleFinish = async (values) => {
+    const result = await updateVehicle({
       variables: { vehId: vehicle.id, vehicle: values },
-    }).then((r) => {
-      notification["success"]({
-        message: t("vehicles.successes.save"),
-      });
-      //TODO Better way to reset the field decorators?
-      if (refetch) refetch();
     });
+
+    if (!!result.errors) {
+      notification["error"]({
+        message: t("vehicles.errors.saving", {
+          message: JSON.stringify(result.errors),
+        }),
+      });
+    }
+
+    notification["success"]({
+      message: t("vehicles.successes.save"),
+    });
+    //TODO Better way to reset the field decorators?
+    if (refetch) await refetch();
+    form.resetFields();
+    form.resetFields();
   };
 
   return (
     <Form
       onFinish={handleFinish}
       form={form}
-      autoComplete='off'
-      layout='vertical'
+      autoComplete="off"
+      layout="vertical"
       initialValues={{
         ...vehicle,
         v_prod_dt: vehicle.v_prod_dt ? moment(vehicle.v_prod_dt) : null,
-      }}>
+      }}
+    >
       <VehicleDetailFormComponent form={form} />
     </Form>
   );