BOD-11 BOD-12 BOD-10 Updated packages + changes apollo hooks imports

client/src/pages/jobs-create/jobs-create.component.jsx

@@ -1,11 +1,11 @@
-import { Button, message, Steps } from "antd";
-import React, { useState, useContext } from "react";
+import { Button, Steps } from "antd";
+import React, { useContext, useState } from "react";
 import { useTranslation } from "react-i18next";
+import AlertComponent from "../../components/alert/alert.component";
+import JobsCreateJobsInfo from "../../components/jobs-create-jobs-info/jobs-create-jobs-info.component";
 import JobsCreateOwnerInfoContainer from "../../components/jobs-create-owner-info/jobs-create-owner-info.container";
 import JobsCreateVehicleInfoContainer from "../../components/jobs-create-vehicle-info/jobs-create-vehicle-info.container";
 import JobCreateContext from "../../pages/jobs-create/jobs-create.context";
-import AlertComponent from "../../components/alert/alert.component";
-import JobsCreateJobsInfo from "../../components/jobs-create-jobs-info/jobs-create-jobs-info.component";
 
 export default function JobsCreateComponent({ form }) {
   const [pageIndex, setPageIndex] = useState(0);
@@ -42,7 +42,7 @@ export default function JobsCreateComponent({ form }) {
 
   const ProgressButtons = () => {
     return (
-      <div className="steps-action" style={{ float: "right" }}>
+      <div>
         {pageIndex > 0 && (
           <Button style={{ margin: 8 }} onClick={() => prev()}>
             Previous
@@ -69,11 +69,7 @@ export default function JobsCreateComponent({ form }) {
           </Button>
         )}
         {pageIndex === steps.length - 1 && (
-          <Button
-            type="primary"
-            htmlType="submit"
-            onClick={() => message.success("Processing complete!")}
-          >
+          <Button type="primary" htmlType="submit">
             Done
           </Button>
         )}
@@ -108,7 +104,10 @@ export default function JobsCreateComponent({ form }) {
       <ProgressButtons />
 
       {errorMessage ? (
-        <AlertComponent message={errorMessage} type="error" />
+        <div>
+         
+          <AlertComponent message={errorMessage} type="error" />
+        </div>
       ) : null}
 
       {steps.map((item, idx) => (