IO-233 Insert DMS Vehicles

client/src/components/dms-cdk-makes/dms-cdk-makes.component.jsx

@@ -82,13 +82,6 @@ export function DmsCdkMakes({ bodyshop, form, socket }) {
           }}
           rowSelection={{
             onSelect: (record, selected, ...props) => {
-              console.log(
-                "🚀  ~ file: dms-cdk-makes.component.jsx  ~ line 85  ~ record, selected, ...props",
-                record,
-                selected,
-                ...props
-              );
-
               setSelectedModel(record);
             },
 
@@ -100,15 +93,9 @@ export function DmsCdkMakes({ bodyshop, form, socket }) {
       <Button
         onClick={() => {
           setVisible(true);
-          setLoading(true);
-          socket.emit("cdk-get-makes", bodyshop.cdk_dealerid, (makes) => {
-            console.log("Called back", makes);
-            setMakesList(makes);
-            setLoading(false);
-          });
         }}
       >
-        Get Makes
+        {t("jobs.actions.dms.selectmakemodel")}
       </Button>
     </div>
   );

client/src/components/dms-cdk-makes/dms-cdk-makes.refetch.component.jsx

@@ -0,0 +1,32 @@
+import { Button } from "antd";
+import axios from "axios";
+import React, { useState } from "react";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop } from "../../redux/user/user.selectors";
+const mapStateToProps = createStructuredSelector({
+  //currentUser: selectCurrentUser
+  bodyshop: selectBodyshop,
+});
+const mapDispatchToProps = (dispatch) => ({
+  //setUserLanguage: language => dispatch(setUserLanguage(language))
+});
+export default connect(mapStateToProps, mapDispatchToProps)(DmsCdkMakesRefetch);
+
+export function DmsCdkMakesRefetch({ bodyshop, form, socket }) {
+  const [loading, setLoading] = useState(false);
+  const handleRefetch = async () => {
+    setLoading(true);
+    const response = await axios.post("/cdk/getvehicles", {
+      cdk_dealerid: bodyshop.cdk_dealerid,
+      bodyshopid: bodyshop.id,
+    });
+    console.log(response);
+    setLoading(false);
+  };
+  return (
+    <Button loading={loading} onClick={handleRefetch}>
+      Refetch Models
+    </Button>
+  );
+}

client/src/components/dms-post-form/dms-post-form.component.jsx

@@ -18,6 +18,7 @@ import CurrencyInput from "../form-items-formatted/currency-form-item.component"
 import LayoutFormRow from "../layout-form-row/layout-form-row.component";
 import Dinero from "dinero.js";
 import { determineDmsType } from "../../pages/dms/dms.container";
+import DmsCdkMakesRefetch from "../dms-cdk-makes/dms-cdk-makes.refetch.component";
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
 });
@@ -113,8 +114,8 @@ export function DmsPostForm({ bodyshop, socket, job }) {
           <Input />
         </Form.Item>
         <Form.Item
-          name="dms_make"
-          label={t("jobs.fields.dms.dms_make")}
+          name="dms_model"
+          label={t("jobs.fields.dms.dms_model")}
           rules={[
             {
               required: true,
@@ -124,6 +125,7 @@ export function DmsPostForm({ bodyshop, socket, job }) {
           <Input />
         </Form.Item>
         <DmsCdkMakes form={form} socket={socket} />
+        <DmsCdkMakesRefetch />
       </LayoutFormRow>
 
       <Form.List name={["payers"]}>