Added vehicle detail form.

client/src/pages/jobs-detail/jobs-detail.page.component.jsx

@@ -1,22 +1,18 @@
-import { Alert, Button, Form, Icon, Tabs } from "antd";
+import { Form, Icon, Tabs } from "antd";
 import React, { useContext } from "react";
 import { useTranslation } from "react-i18next";
-import {
-  FaHardHat,
-  FaInfo,
-  FaRegStickyNote,
-  FaShieldAlt
-} from "react-icons/fa";
+import { FaHardHat, FaInfo, FaRegStickyNote, FaShieldAlt } from "react-icons/fa";
+import ResetForm from "../../components/form-items-formatted/reset-form-item.component";
 import JobsLinesContainer from "../../components/job-detail-lines/job-lines.container";
 import JobsDetailClaims from "../../components/jobs-detail-claims/jobs-detail-claims.component";
+import JobsDetailDatesComponent from "../../components/jobs-detail-dates/jobs-detail-dates.component";
 import JobsDetailFinancials from "../../components/jobs-detail-financial/jobs-detail-financial.component";
 import JobsDetailHeader from "../../components/jobs-detail-header/jobs-detail-header.component";
 import JobsDetailInsurance from "../../components/jobs-detail-insurance/jobs-detail-insurance.component";
 import JobsDocumentsContainer from "../../components/jobs-documents/jobs-documents.container";
 import JobNotesContainer from "../../components/jobs-notes/jobs-notes.container";
-import JobDetailFormContext from "./jobs-detail.page.context";
-import JobsDetailDatesComponent from "../../components/jobs-detail-dates/jobs-detail-dates.component";
 import ScheduleJobModalContainer from "../../components/schedule-job-modal/schedule-job-modal.container";
+import JobDetailFormContext from "./jobs-detail.page.context";
 
 export default function JobsDetailPage({
   job,
@@ -60,19 +56,7 @@ export default function JobsDetailPage({
           updateJobStatus={updateJobStatus}
         />
 
-        {isFieldsTouched() ? (
-          <Alert
-            message={
-              <div>
-                {t("general.messages.unsavedchanges")}
-                <Button onClick={() => resetFields()}>
-                  {t("general.actions.reset")}
-                </Button>
-              </div>
-            }
-            closable
-          />
-        ) : null}
+        {isFieldsTouched() ? <ResetForm resetFields={resetFields} /> : null}
 
         <Tabs defaultActiveKey="claimdetail">
           <Tabs.TabPane

client/src/pages/manage/manage.page.container.jsx

@@ -28,7 +28,7 @@ export default connect(
     return () => {
       //
     };
-  }, [data]);
+  }, [data, setBodyshop]);
 
   return <ManagePage match={match} />;
 });

client/src/pages/manage/manage.page.jsx

@@ -1,19 +1,15 @@
-import { BackTop, Layout, notification } from "antd";
+import { BackTop, Layout } from "antd";
 import React, { lazy, Suspense, useEffect } from "react";
-
 import { useTranslation } from "react-i18next";
-//This page will handle all routing for the entire application.
-import { connect } from "react-redux";
 import { Route } from "react-router";
 import ErrorBoundary from "../../components/error-boundary/error-boundary.component";
 import FooterComponent from "../../components/footer/footer.component";
 //Component Imports
 import HeaderContainer from "../../components/header/header.container";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
-//const WhiteBoardPage = lazy(() => import("../white-board/white-board.page"));
-import { setBodyshop } from "../../redux/user/user.actions";
 import "./manage.page.styles.scss";
 
+
 const ManageRootPage = lazy(() =>
   import("../manage-root/manage-root.page.container")
 );

client/src/pages/vehicles-detail/vehicles-detail.page.component.jsx

@@ -1,9 +1,13 @@
 import React from "react";
+import VehicleDetailFormContainer from "../../components/vehicle-detail-form/vehicle-detail-form.container";
 
-export default function VehicleDetailComponent({ vehicle }) {
+export default function VehicleDetailComponent({ vehicle, refetch }) {
   return (
     <div>
       Veh detail <span>{vehicle.v_vin}</span>
+      <div>Vehicle Fields</div>
+      <VehicleDetailFormContainer vehicle={vehicle} refetch={refetch} />
+      <div>Associated Jobs</div>
     </div>
   );
 }

client/src/pages/vehicles-detail/vehicles-detail.page.container.jsx

@@ -17,10 +17,10 @@ export default function VehicleDetailContainer({ match }) {
   if (loading) return <LoadingSpinner />;
   if (error) return <AlertComponent message={error.message} type="error" />;
 
-  console.log("vehId", vehId);
-
   if (data.vehicles[0])
-    return <VehicleDetailComponent vehicle={data.vehicles[0]} />;
+    return (
+      <VehicleDetailComponent vehicle={data.vehicles[0]} refetch={refetch} />
+    );
   else
     return (
       <AlertComponent message={t("vehicles.errors.noaccess")} type="error" />