Lint all the things

client/src/components/parts-order-modal/parts-order-modal-price-change.component.jsx

@@ -1,6 +1,5 @@
 import { DownOutlined } from "@ant-design/icons";
 import { Dropdown, InputNumber, Space } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 
 export default function PartsOrderModalPriceChange({ form, field }) {

client/src/components/parts-order-modal/parts-order-modal.component.jsx

@@ -1,7 +1,6 @@
 import { DeleteFilled, DownOutlined, WarningFilled } from "@ant-design/icons";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import { Checkbox, Divider, Dropdown, Form, Input, InputNumber, Radio, Select, Space, Tag } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -16,7 +15,7 @@ import DateTimePicker from "../form-date-time-picker/form-date-time-picker.compo
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
-const mapDispatchToProps = (dispatch) => ({
+const mapDispatchToProps = () => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 export default connect(mapStateToProps, mapDispatchToProps)(PartsOrderModalComponent);
@@ -33,7 +32,7 @@ export function PartsOrderModalComponent({ bodyshop, vendorList, sendTypeState,
   });
 
   const { t } = useTranslation();
-  const handleClick = ({ item, key, keyPath }) => {
+  const handleClick = ({ item }) => {
     form.setFieldsValue({ comments: item.props.value });
   };
 
@@ -76,7 +75,7 @@ export function PartsOrderModalComponent({ bodyshop, vendorList, sendTypeState,
         >
           <DateTimePicker isDateOnly onlyFuture />
         </Form.Item>
-        {job && job.special_coverage_policy && (
+        {job?.special_coverage_policy && (
           <Tag color="tomato">
             <Space>
               <WarningFilled />
@@ -108,7 +107,7 @@ export function PartsOrderModalComponent({ bodyshop, vendorList, sendTypeState,
       </LayoutFormRow>
       <Divider orientation="left">{t("parts_orders.labels.inthisorder")}</Divider>
       <Form.List name={["parts_order_lines", "data"]}>
-        {(fields, { add, remove, move }) => {
+        {(fields, { remove, move }) => {
           return (
             <div>
               {fields.map((field, index) => (

client/src/components/parts-order-modal/parts-order-modal.container.jsx

@@ -1,16 +1,15 @@
-import { useMutation, useQuery, useApolloClient } from "@apollo/client";
+import { useApolloClient, useMutation, useQuery } from "@apollo/client";
 import { Form, Modal } from "antd";
 import dayjs from "../../utils/day";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
-import { logImEXEvent, auth } from "../../firebase/firebase.utils";
+import { auth, logImEXEvent } from "../../firebase/firebase.utils";
 import { UPDATE_JOB_LINE_STATUS } from "../../graphql/jobs-lines.queries";
 import { INSERT_NEW_PARTS_ORDERS, QUERY_PARTS_ORDER_OEC } from "../../graphql/parts-orders.queries";
 import { QUERY_ALL_VENDORS_FOR_ORDER } from "../../graphql/vendors.queries";
 import { insertAuditTrail } from "../../redux/application/application.actions";
-import { setEmailOptions } from "../../redux/email/email.actions";
 import { setModalContext, toggleModalVisible } from "../../redux/modals/modals.actions";
 import { selectPartsOrder } from "../../redux/modals/modals.selectors";
 import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors";
@@ -33,7 +32,6 @@ const mapStateToProps = createStructuredSelector({
 });
 
 const mapDispatchToProps = (dispatch) => ({
-  setEmailOptions: (e) => dispatch(setEmailOptions(e)),
   toggleModalVisible: () => dispatch(toggleModalVisible("partsOrder")),
   setBillEnterContext: (context) => dispatch(setModalContext({ context: context, modal: "billEnter" })),
   insertAuditTrail: ({ jobid, operation, type }) => dispatch(insertAuditTrail({ jobid, operation, type }))
@@ -44,7 +42,6 @@ export function PartsOrderModalContainer({
   toggleModalVisible,
   currentUser,
   bodyshop,
-  setEmailOptions,
   setBillEnterContext,
   insertAuditTrail
 }) {
@@ -103,7 +100,7 @@ export function PartsOrderModalContainer({
       },
       refetchQueries: ["QUERY_PARTS_BILLS_BY_JOBID"]
     });
-    if (!!insertResult.errors) {
+    if (insertResult.errors) {
       notification["error"]({
         message: t("parts_orders.errors.creating"),
         description: JSON.stringify(insertResult.errors)
@@ -143,7 +140,7 @@ export function PartsOrderModalContainer({
       });
     }
 
-    if (!!jobLinesResult.errors) {
+    if (jobLinesResult.errors) {
       notification["error"]({
         message: t("parts_orders.errors.creating"),
         description: JSON.stringify(jobLinesResult.errors)
@@ -192,7 +189,7 @@ export function PartsOrderModalContainer({
     if (sendType === "e") {
       const matchingVendor = data.vendors.filter((item) => item.id === values.vendorid)[0];
 
-      let vendorEmails = matchingVendor && matchingVendor.email && matchingVendor.email.split(RegExp("[;,]"));
+      let vendorEmails = matchingVendor?.email && matchingVendor.email.split(RegExp("[;,]"));
 
       GenerateDocument(
         {
@@ -344,7 +341,7 @@ export function PartsOrderModalContainer({
         ) : (
           <PartsOrderModalComponent
             form={form}
-            vendorList={(data && data.vendors) || []}
+            vendorList={data?.vendors || []}
             sendTypeState={sendTypeState}
             isReturn={isReturn}
             preferredMake={data && data.jobs[0] && data.jobs[0].v_make_desc}