Lint all the things

.dockerignore

@@ -11,7 +11,6 @@ node_modules
 # Files to exclude
 .ebignore
 .editorconfig
-.eslintrc.json
 .gitignore
 .prettierrc.js
 Dockerfile
@@ -19,6 +18,6 @@ README.MD
 bodyshop_translations.babel
 docker-compose.yml
 ecosystem.config.js
-
+eslint.config.mjs
 # Optional: Exclude logs and temporary files
 *.log

.eslintrc.json

@@ -1,19 +0,0 @@
-{
-  "env": {
-    "es6": true,
-    "node": true
-  },
-  "extends": "eslint:recommended",
-  "globals": {
-    "Atomics": "readonly",
-    "SharedArrayBuffer": "readonly"
-  },
-  "parserOptions": {
-    "ecmaVersion": 2018,
-    "sourceType": "module"
-  },
-  "rules": {
-    "no-console": "off"
-  },
-  "settings": {}
-}

client/.eslintrc

@@ -1,8 +0,0 @@
-{
-  "extends": [
-    "react-app"
-  ],
-  "rules": {
-    "no-useless-rename": "off"
-  }
-}

client/eslint.config.js

@@ -2,9 +2,9 @@ import globals from "globals";
 import pluginJs from "@eslint/js";
 import pluginReact from "eslint-plugin-react";
 
-/** @type {import('eslint').Linter.Config[]} */
+/** @type {import("eslint").Linter.Config[]} */
-
 export default [
+  { ignores: ["node_modules/**", "dist/**", "build/**", "dev-dist/**"] },
   {
     files: ["**/*.{js,mjs,cjs,jsx}"]
   },
@@ -12,9 +12,13 @@ export default [
   pluginJs.configs.recommended,
   {
     ...pluginReact.configs.flat.recommended,
+    settings: {
+      react: { version: "detect" }
+    },
     rules: {
       ...pluginReact.configs.flat.recommended.rules,
-      "react/prop-types": 0
+      "react/prop-types": 0,
+      "react/no-children-prop": 0 // Disable react/no-children-prop rule
     }
   },
   pluginReact.configs.flat["jsx-runtime"]

client/package.json

@@ -24,7 +24,7 @@
     "@sentry/vite-plugin": "^4.1.1",
     "@splitsoftware/splitio-react": "^2.3.1",
     "@tanem/react-nprogress": "^5.0.53",
-    "antd": "^5.27.0",
+    "antd": "^5.27.1",
     "apollo-link-logger": "^2.0.1",
     "apollo-link-sentry": "^4.4.0",
     "autosize": "^6.0.1",
@@ -107,7 +107,9 @@
     "test:e2e:rome": "playwright test --config playwright.rome.config.js",
     "test:e2e:imex:headed": "playwright test --config playwright.config.js --headed",
     "test:e2e:rome:headed": "playwright test --config playwright.rome.config.js --headed",
-    "test:e2e:report": "playwright show-report"
+    "test:e2e:report": "playwright show-report",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
   },
   "browserslist": {
     "production": [
@@ -131,7 +133,7 @@
     "@ant-design/icons": "^6.0.0",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
     "@babel/preset-react": "^7.27.1",
-    "@dotenvx/dotenvx": "^1.48.4",
+    "@dotenvx/dotenvx": "^1.49.0",
     "@emotion/babel-plugin": "^11.13.5",
     "@emotion/react": "^11.14.0",
     "@eslint/js": "^9.33.0",
@@ -141,21 +143,20 @@
     "@testing-library/jest-dom": "^6.7.0",
     "@testing-library/react": "^16.3.0",
     "@vitejs/plugin-react": "^4.6.0",
-    "browserslist": "^4.25.2",
+    "browserslist": "^4.25.3",
     "browserslist-to-esbuild": "^2.1.1",
-    "chalk": "^5.5.0",
+    "chalk": "^5.6.0",
-    "eslint": "^8.57.1",
+    "eslint": "^9.33.0",
-    "eslint-config-react-app": "^7.0.1",
     "eslint-plugin-react": "^7.37.5",
     "globals": "^15.15.0",
     "jsdom": "^26.0.0",
-    "memfs": "^4.36.0",
+    "memfs": "^4.36.3",
     "os-browserify": "^0.3.0",
     "playwright": "^1.54.2",
     "react-error-overlay": "^6.1.0",
     "redux-logger": "^3.0.6",
     "source-map-explorer": "^2.5.3",
-    "vite": "^7.1.2",
+    "vite": "^7.1.3",
     "vite-plugin-babel": "^1.3.2",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-node-polyfills": "^0.24.0",

client/playwright.config.js

@@ -20,6 +20,7 @@ export default defineConfig({
     command: "npm run start:imex",
     ignoreHTTPSErrors: true,
     url: "https://localhost:3000/health", // Health check endpoint will tell us when the server is ready
+    // eslint-disable-next-line no-undef
     reuseExistingServer: !process.env.CI // Reuse server locally, not in CI
   }
 });

client/playwright.rome.config.js

@@ -20,6 +20,7 @@ export default defineConfig({
     command: "npm run start:rome",
     ignoreHTTPSErrors: true,
     url: "https://localhost:3000/health", // Health check endpoint will tell us when the server is ready
+    // eslint-disable-next-line no-undef
     reuseExistingServer: !process.env.CI // Reuse server locally, not in CI
   }
 });

client/public/firebase-messaging-sw.js

@@ -1,5 +1,7 @@
 // Scripts for firebase and firebase messaging
+// eslint-disable-next-line no-undef
 importScripts("https://www.gstatic.com/firebasejs/10.14.1/firebase-app-compat.js");
+// eslint-disable-next-line no-undef
 importScripts("https://www.gstatic.com/firebasejs/10.14.1/firebase-messaging-compat.js");
 
 // Initialize the Firebase app in the service worker by passing the generated config
@@ -42,13 +44,16 @@ switch (this.location.hostname) {
     };
 }
 
+// eslint-disable-next-line no-undef
 firebase.initializeApp(firebaseConfig);
 
 // Retrieve firebase messaging
+// eslint-disable-next-line no-undef
 const messaging = firebase.messaging();
 
 messaging.onBackgroundMessage(function (payload) {
   // Customize notification here
   console.log("[firebase-messaging-sw.js] Received background message ", payload);
+  // eslint-disable-next-line no-undef
   self.registration.showNotification(notificationTitle, notificationOptions);
 });

client/src/App/App.container.jsx

@@ -67,7 +67,6 @@ function AppContainer({ currentUser, setDarkMode }) {
     } else {
       setDarkMode(false);
     }
-    // eslint-disable-next-line
   }, [currentUser?.uid]);
 
   // Persist darkMode to localStorage when it or user changes

client/src/App/ProductFruitsWrapper.jsx

@@ -1,16 +1,16 @@
-import React from "react";
+import { memo } from "react";
 import PropTypes from "prop-types";
 import { ProductFruits } from "react-product-fruits";
 import dayjs from "dayjs";
 
-const ProductFruitsWrapper = React.memo(({ currentUser, bodyshop, workspaceCode, isPartsEntry }) => {
+const ProductFruitsWrapper = memo(({ currentUser, bodyshop, workspaceCode, isPartsEntry }) => {
   const featureProps = bodyshop?.features
     ? Object.entries(bodyshop.features).reduce((acc, [key, value]) => {
         acc[key] = value === true || (typeof value === "string" && dayjs(value).isAfter(dayjs()));
         return acc;
       }, {})
     : {};
-  
+
   return (
     !isPartsEntry &&
     workspaceCode &&

client/src/components/PrivateRoute.jsx

@@ -1,7 +1,7 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { Outlet, useLocation, useNavigate } from "react-router-dom";
 
-function PrivateRoute({ component: Component, isAuthorized, ...rest }) {
+function PrivateRoute({ isAuthorized }) {
   const location = useLocation();
   const navigate = useNavigate();
 

client/src/components/_test/test.page.jsx

@@ -1,5 +1,4 @@
 import { Button } from "antd";
-import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { setModalContext } from "../../redux/modals/modals.actions";

client/src/components/alert/alert.component.jsx

@@ -1,5 +1,4 @@
 import { Alert } from "antd";
-import React from "react";
 
 export default function AlertComponent(props) {
   return <Alert {...props} />;

client/src/components/allocations-assignment/allocations-assignment.component.jsx

@@ -1,5 +1,4 @@
 import { Button, InputNumber, Popover, Select } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";

client/src/components/allocations-assignment/allocations-assignment.container.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import AllocationsAssignmentComponent from "./allocations-assignment.component";
 import { useMutation } from "@apollo/client";
 import { INSERT_ALLOCATION } from "../../graphql/allocations.queries";
@@ -18,7 +18,7 @@ export default function AllocationsAssignmentContainer({ jobLineId, hours, refet
 
   const handleAssignment = () => {
     insertAllocation({ variables: { alloc: { ...assignment } } })
-      .then((r) => {
+      .then(() => {
         notification["success"]({
           message: t("allocations.successes.save")
         });

client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.component.jsx

@@ -1,5 +1,4 @@
 import { Button, Popover, Select } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";

client/src/components/allocations-bulk-assignment/allocations-bulk-assignment.container.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import AllocationsBulkAssignment from "./allocations-bulk-assignment.component";
 import { useMutation } from "@apollo/client";
 import { INSERT_ALLOCATION } from "../../graphql/allocations.queries";
@@ -24,7 +24,7 @@ export default function AllocationsBulkAssignmentContainer({ jobLines, refetch }
       return acc;
     }, []);
 
-    insertAllocation({ variables: { alloc: allocs } }).then((r) => {
+    insertAllocation({ variables: { alloc: allocs } }).then(() => {
       notification["success"]({
         message: t("employees.successes.save")
       });

client/src/components/allocations-employee-label/allocations-employee-label.component.jsx

@@ -1,5 +1,4 @@
 import Icon from "@ant-design/icons";
-import React from "react";
 import { MdRemoveCircleOutline } from "react-icons/md";
 
 export default function AllocationsLabelComponent({ allocation, handleClick }) {

client/src/components/allocations-employee-label/allocations-employee-label.container.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useMutation } from "@apollo/client";
 import { DELETE_ALLOCATION } from "../../graphql/allocations.queries";
 import AllocationsLabelComponent from "./allocations-employee-label.component";
@@ -13,13 +12,13 @@ export default function AllocationsLabelContainer({ allocation, refetch }) {
   const handleClick = (e) => {
     e.preventDefault();
     deleteAllocation({ variables: { id: allocation.id } })
-      .then((r) => {
+      .then(() => {
         notification["success"]({
           message: t("allocations.successes.deleted")
         });
         if (refetch) refetch();
       })
-      .catch((error) => {
+      .catch(() => {
         notification["error"]({ message: t("allocations.errors.deleting") });
       });
   };

client/src/components/audit-trail-list/audit-trail-list.component.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Table } from "antd";
 import { alphaSort } from "../../utils/sorters";
 import { DateTimeFormatter } from "../../utils/DateFormatter";

client/src/components/audit-trail-list/audit-trail-list.container.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import AuditTrailListComponent from "./audit-trail-list.component";
 import { useQuery } from "@apollo/client";
 import { QUERY_AUDIT_TRAIL } from "../../graphql/audit_trail.queries";

client/src/components/audit-trail-list/email-audit-trail-list.component.jsx

@@ -1,5 +1,5 @@
 import { Table } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { DateTimeFormatter } from "../../utils/DateFormatter";
 import { alphaSort } from "../../utils/sorters";

client/src/components/audit-trail-values/audit-trail-values.component.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { List } from "antd";
 import Icon from "@ant-design/icons";
 import { FaArrowRight } from "react-icons/fa";

client/src/components/barcode-popup/barcode-popup.component.jsx

@@ -1,5 +1,4 @@
 import { Popover, Tag } from "antd";
-import React from "react";
 import Barcode from "react-barcode";
 import { useTranslation } from "react-i18next";
 

client/src/components/bill-cm-returns-table/bill-cm-returns-table.component.jsx

@@ -1,5 +1,5 @@
 import { Checkbox, Form, Skeleton, Typography } from "antd";
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import ReadOnlyFormItemComponent from "../form-items-formatted/read-only-form-item.component";
 import "./bill-cm-returns-table.styles.scss";
@@ -33,7 +33,7 @@ export default function BillCmdReturnsTableComponent({ form, returnLoading, retu
 
         return (
           <Form.List name="outstanding_returns">
-            {(fields, { add, remove, move }) => {
+            {(fields) => {
               return (
                 <>
                   <Typography.Title level={4}>{t("bills.labels.creditsnotreceived")}</Typography.Title>

client/src/components/bill-delete-button/bill-delete-button.component.jsx

@@ -1,7 +1,7 @@
 import { DeleteFilled } from "@ant-design/icons";
 import { useMutation } from "@apollo/client";
 import { Button, Popconfirm } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { DELETE_BILL } from "../../graphql/bills.queries";
 import RbacWrapper from "../rbac-wrapper/rbac-wrapper.component";
@@ -43,7 +43,7 @@ export function BillDeleteButton({ bill, jobid, callback, insertAuditTrail }) {
       }
     });
 
-    if (!!!result.errors) {
+    if (!result.errors) {
       notification["success"]({ message: t("bills.successes.deleted") });
       insertAuditTrail({
         jobid: jobid,

client/src/components/bill-detail-edit/bill-detail-edit-component.jsx

@@ -2,7 +2,7 @@ import { PageHeader } from "@ant-design/pro-layout";
 import { useMutation, useQuery } from "@apollo/client";
 import { Button, Divider, Form, Popconfirm, Space } from "antd";
 import queryString from "query-string";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { useLocation } from "react-router-dom";
@@ -10,7 +10,6 @@ import { createStructuredSelector } from "reselect";
 import { DELETE_BILL_LINE, INSERT_NEW_BILL_LINES, UPDATE_BILL_LINE } from "../../graphql/bill-lines.queries";
 import { QUERY_BILL_BY_PK, UPDATE_BILL } from "../../graphql/bills.queries";
 import { insertAuditTrail } from "../../redux/application/application.actions";
-import { setModalContext } from "../../redux/modals/modals.actions";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import AuditTrailMapping from "../../utils/AuditTrailMappings";
 import dayjs from "../../utils/day";
@@ -28,13 +27,12 @@ const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
 const mapDispatchToProps = (dispatch) => ({
-  setPartsOrderContext: (context) => dispatch(setModalContext({ context: context, modal: "partsOrder" })),
   insertAuditTrail: ({ jobid, operation, type }) => dispatch(insertAuditTrail({ jobid, operation, type }))
 });
 
 export default connect(mapStateToProps, mapDispatchToProps)(BillDetailEditcontainer);
 
-export function BillDetailEditcontainer({ setPartsOrderContext, insertAuditTrail, bodyshop }) {
+export function BillDetailEditcontainer({ insertAuditTrail, bodyshop }) {
   const search = queryString.parse(useLocation().search);
 
   const { t } = useTranslation();
@@ -48,7 +46,7 @@ export function BillDetailEditcontainer({ setPartsOrderContext, insertAuditTrail
 
   const { loading, error, data, refetch } = useQuery(QUERY_BILL_BY_PK, {
     variables: { billid: search.billid },
-    skip: !!!search.billid,
+    skip: !search.billid,
     fetchPolicy: "network-only",
     nextFetchPolicy: "network-only"
   });
@@ -71,7 +69,7 @@ export function BillDetailEditcontainer({ setPartsOrderContext, insertAuditTrail
     setUpdateLoading(true);
     //let adjustmentsToInsert = {};
 
-    const { billlines, upload, ...bill } = values;
+    const { billlines, ...bill } = values;
     const updates = [];
     updates.push(
       update_bill({
@@ -98,6 +96,7 @@ export function BillDetailEditcontainer({ setPartsOrderContext, insertAuditTrail
     });
 
     billlines.forEach((billline) => {
+      // eslint-disable-next-line no-unused-vars
       const { deductedfromlbr, inventories, jobline, original_actual_price, create_ppc, ...il } = billline;
       delete il.__typename;
 
@@ -152,8 +151,8 @@ export function BillDetailEditcontainer({ setPartsOrderContext, insertAuditTrail
   if (error) return <AlertComponent message={error.message} type="error" />;
   if (!search.billid) return <></>; //<div>{t("bills.labels.noneselected")}</div>;
 
-  const exported = data && data.bills_by_pk && data.bills_by_pk.exported;
+  const exported = data?.bills_by_pk && data.bills_by_pk.exported;
-  const isinhouse = data && data.bills_by_pk && data.bills_by_pk.isinhouse;
+  const isinhouse = data?.bills_by_pk && data.bills_by_pk.isinhouse;
 
   return (
     <>
@@ -183,8 +182,8 @@ export function BillDetailEditcontainer({ setPartsOrderContext, insertAuditTrail
                     {t("general.actions.save")}
                   </Button>
                 </Popconfirm>
-                <BillReeportButtonComponent bill={data && data.bills_by_pk} />
+                <BillReeportButtonComponent bill={data?.bills_by_pk} />
-                <BillMarkExportedButton bill={data && data.bills_by_pk} />
+                <BillMarkExportedButton bill={data?.bills_by_pk} />
               </Space>
             }
           />
@@ -220,11 +219,11 @@ const transformData = (data) => {
         billlines: data.bills_by_pk.billlines.map((i) => {
           return {
             ...i,
-            joblineid: !!i.joblineid ? i.joblineid : "noline",
+            joblineid: i.joblineid ? i.joblineid : "noline",
             applicable_taxes: {
-              federal: (i.applicable_taxes && i.applicable_taxes.federal) || false,
+              federal: i.applicable_taxes?.federal || false,
-              state: (i.applicable_taxes && i.applicable_taxes.state) || false,
+              state: i.applicable_taxes?.state || false,
-              local: (i.applicable_taxes && i.applicable_taxes.local) || false
+              local: i.applicable_taxes?.local || false
             }
           };
         }),

client/src/components/bill-detail-edit/bill-detail-edit-return.component.jsx

@@ -1,18 +1,15 @@
 import { Button, Checkbox, Form, Modal } from "antd";
 import queryString from "query-string";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { useLocation, useNavigate } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
-import { insertAuditTrail } from "../../redux/application/application.actions";
 import { setModalContext } from "../../redux/modals/modals.actions";
-import { selectBodyshop } from "../../redux/user/user.selectors";
 import ReadOnlyFormItemComponent from "../form-items-formatted/read-only-form-item.component";
 
-const mapStateToProps = createStructuredSelector({
+const mapStateToProps = createStructuredSelector({});
-  bodyshop: selectBodyshop
+
-});
 const mapDispatchToProps = (dispatch) => ({
   setPartsOrderContext: (context) =>
     dispatch(
@@ -20,20 +17,12 @@ const mapDispatchToProps = (dispatch) => ({
         context: context,
         modal: "partsOrder"
       })
-    ),
-  insertAuditTrail: ({ jobid, operation, type }) =>
-    dispatch(
-      insertAuditTrail({
-        jobid,
-        operation,
-        type
-      })
     )
 });
 
 export default connect(mapStateToProps, mapDispatchToProps)(BillDetailEditReturn);
 
-export function BillDetailEditReturn({ setPartsOrderContext, insertAuditTrail, bodyshop, data, disabled }) {
+export function BillDetailEditReturn({ setPartsOrderContext, data, disabled }) {
   const search = queryString.parse(useLocation().search);
   const history = useNavigate();
   const { t } = useTranslation();
@@ -86,9 +75,9 @@ export function BillDetailEditReturn({ setPartsOrderContext, insertAuditTrail, b
         title={t("bills.actions.return")}
         onOk={() => form.submit()}
       >
-        <Form initialValues={data && data.bills_by_pk} onFinish={handleFinish} form={form}>
+        <Form initialValues={data?.bills_by_pk} onFinish={handleFinish} form={form}>
           <Form.List name={["billlines"]}>
-            {(fields, { add, remove, move }) => {
+            {(fields) => {
               return (
                 <table style={{ tableLayout: "auto", width: "100%" }}>
                   <thead>

client/src/components/bill-detail-edit/bill-detail-edit.container.jsx

@@ -1,6 +1,5 @@
 import { Drawer, Grid } from "antd";
 import queryString from "query-string";
-import React from "react";
 import { useLocation, useNavigate } from "react-router-dom";
 import BillDetailEditComponent from "./bill-detail-edit-component";
 

client/src/components/bill-enter-modal/bill-enter-modal.container.jsx

@@ -85,6 +85,8 @@ function BillEnterModalContainer({ billEnterModal, toggleModalVisible, bodyshop,
     }
 
     setLoading(true);
+
+    // eslint-disable-next-line no-unused-vars
     const { upload, location, outstanding_returns, inventory, federal_tax_exempt, ...remainingValues } = values;
 
     let adjustmentsToInsert = {};
@@ -102,9 +104,13 @@ function BillEnterModalContainer({ billEnterModal, toggleModalVisible, bodyshop,
                   const {
                     deductedfromlbr,
                     lbr_adjustment,
+                    // eslint-disable-next-line no-unused-vars
                     location: lineLocation,
+                    // eslint-disable-next-line no-unused-vars
                     part_type,
+                    // eslint-disable-next-line no-unused-vars
                     create_ppc,
+                    // eslint-disable-next-line no-unused-vars
                     original_actual_price,
                     ...restI
                   } = i;

client/src/components/bill-form-lines-extended/bill-form-lines-extended.component.jsx

@@ -1,11 +1,11 @@
 import { Form, Input, Table } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
 import { alphaSort } from "../../utils/sorters";
 import BillFormItemsExtendedFormItem from "./bill-form-lines.extended.formitem.component";
 
-export default function BillFormLinesExtended({ lineData, discount, form, responsibilityCenters, disabled }) {
+export default function BillFormLinesExtended({ lineData, discount, form, responsibilityCenters }) {
   const [search, setSearch] = useState("");
   const { t } = useTranslation();
   const columns = [

client/src/components/bill-form-lines-extended/bill-form-lines.extended.formitem.component.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { MinusCircleFilled, PlusCircleFilled, WarningOutlined } from "@ant-design/icons";
 import { Button, Form, Input, InputNumber, Select, Space, Switch } from "antd";
 import { useTranslation } from "react-i18next";
@@ -12,7 +11,7 @@ import CiecaSelect from "../../utils/Ciecaselect";
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
-const mapDispatchToProps = (dispatch) => ({
+const mapDispatchToProps = () => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 export default connect(mapStateToProps, mapDispatchToProps)(BillFormItemsExtendedFormItem);
@@ -22,7 +21,6 @@ export function BillFormItemsExtendedFormItem({
   bodyshop,
   form,
   record,
-  index,
   disabled,
   responsibilityCenters,
   discount
@@ -78,7 +76,7 @@ export function BillFormItemsExtendedFormItem({
                 ...billlineskeys,
                 [record.id]: {
                   ...billlineskeys[billlineskeys],
-                  actual_cost: !!billlineskeys[billlineskeys].actual_cost
+                  actual_cost: billlineskeys[billlineskeys].actual_cost
                     ? billlineskeys[billlineskeys].actual_cost
                     : Math.round((parseFloat(e.target.value) * (1 - discount) + Number.EPSILON) * 100) / 100
                 }
@@ -93,7 +91,7 @@ export function BillFormItemsExtendedFormItem({
       <Form.Item shouldUpdate>
         {() => {
           const line = value;
-          if (!!!line) return null;
+          if (!line) return null;
           const lineDiscount = (1 - Math.round((line.actual_cost / line.actual_price) * 100) / 100).toPrecision(2);
 
           if (lineDiscount - discount === 0) return <div />;

client/src/components/bill-form/bill-form.component.jsx

@@ -2,7 +2,7 @@ import Icon, { UploadOutlined } from "@ant-design/icons";
 import { useApolloClient } from "@apollo/client";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import { Alert, Divider, Form, Input, Select, Space, Statistic, Switch, Upload } from "antd";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { MdOpenInNew } from "react-icons/md";
 import { connect } from "react-redux";
@@ -26,7 +26,7 @@ import DateTimePicker from "../form-date-time-picker/form-date-time-picker.compo
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
-const mapDispatchToProps = (dispatch) => ({});
+const mapDispatchToProps = () => ({});
 
 export function BillFormComponent({
   bodyshop,
@@ -254,7 +254,7 @@ export function BillFormComponent({
               required: true
               //message: t("general.validation.required"),
             },
-            ({ getFieldValue }) => ({
+            () => ({
               validator(rule, value) {
                 if (ClosingPeriod.treatment === "on" && bodyshop.accountingconfig.ClosingPeriod) {
                   if (
@@ -374,8 +374,10 @@ export function BillFormComponent({
             let totals;
             if (!!values.total && !!values.billlines && values.billlines.length > 0)
               totals = CalculateBillTotal(values);
-            if (!!totals)
+            if (totals)
               return (
+                // TODO: Align is not correct
+                // eslint-disable-next-line react/no-unknown-property
                 <div align="right">
                   <Space size="large" wrap>
                     <Statistic title={t("bills.labels.subtotal")} value={totals.subtotal.toFormat()} precision={2} />
@@ -458,7 +460,7 @@ export function BillFormComponent({
           if (Array.isArray(e)) {
             return e;
           }
-          return e && e.fileList;
+          return e?.fileList;
         }}
       >
         <Upload.Dragger multiple={true} name="logo" beforeUpload={() => false} listType="picture">

client/src/components/bill-form/bill-form.container.jsx

@@ -1,6 +1,5 @@
 import { useLazyQuery, useQuery } from "@apollo/client";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
-import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { QUERY_OUTSTANDING_INVENTORY } from "../../graphql/inventory.queries";

client/src/components/bill-form/bill-form.lines.component.jsx

@@ -1,7 +1,6 @@
 import { DeleteFilled, DollarCircleFilled } from "@ant-design/icons";
 import { useSplitTreatments } from "@splitsoftware/splitio-react";
 import { Button, Checkbox, Form, Input, InputNumber, Select, Space, Switch, Table, Tooltip } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -16,7 +15,7 @@ const mapStateToProps = createStructuredSelector({
   //currentUser: selectCurrentUser
   bodyshop: selectBodyshop
 });
-const mapDispatchToProps = (dispatch) => ({
+const mapDispatchToProps = () => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 
@@ -27,8 +26,7 @@ export function BillEnterModalLinesComponent({
   discount,
   form,
   responsibilityCenters,
-  billEdit,
+  billEdit
-  billid
 }) {
   const { t } = useTranslation();
   const { setFieldsValue, getFieldsValue, getFieldValue } = form;
@@ -126,7 +124,7 @@ export function BillEnterModalLinesComponent({
             ]
           };
         },
-        formInput: (record, index) => <Input.TextArea disabled={disabled} autoSize />
+        formInput: () => <Input.TextArea disabled={disabled} autoSize />
       },
       {
         title: t("billlines.fields.quantity"),
@@ -158,7 +156,7 @@ export function BillEnterModalLinesComponent({
             ]
           };
         },
-        formInput: (record, index) => <InputNumber precision={0} min={1} disabled={disabled} />
+        formInput: () => <InputNumber precision={0} min={1} disabled={disabled} />
       },
       {
         title: t("billlines.fields.actual_price"),
@@ -188,7 +186,7 @@ export function BillEnterModalLinesComponent({
                   if (idx === index) {
                     return {
                       ...item,
-                      actual_cost: !!item.actual_cost
+                      actual_cost: item.actual_cost
                         ? item.actual_cost
                         : Math.round((parseFloat(e.target.value) * (1 - discount) + Number.EPSILON) * 100) / 100
                     };
@@ -258,7 +256,7 @@ export function BillEnterModalLinesComponent({
               <Form.Item shouldUpdate noStyle>
                 {() => {
                   const line = getFieldsValue(["billlines"]).billlines[index];
-                  if (!!!line) return null;
+                  if (!line) return null;
                   let lineDiscount = 1 - line.actual_cost / line.actual_price;
                   if (isNaN(lineDiscount)) lineDiscount = 0;
                   return (
@@ -322,7 +320,7 @@ export function BillEnterModalLinesComponent({
             ]
           };
         },
-        formInput: (record, index) => (
+        formInput: () => (
           <Select showSearch style={{ minWidth: "3rem" }} disabled={disabled}>
             {bodyshop.cdk_dealerid || bodyshop.pbs_serialnumber
               ? CiecaSelect(true, false)
@@ -344,7 +342,7 @@ export function BillEnterModalLinesComponent({
                   name: [field.name, "location"]
                 };
               },
-              formInput: (record, index) => (
+              formInput: () => (
                 <Select disabled={disabled}>
                   {bodyshop.md_parts_locations.map((loc, idx) => (
                     <Select.Option key={idx} value={loc}>
@@ -366,7 +364,7 @@ export function BillEnterModalLinesComponent({
             name: [field.name, "deductedfromlbr"]
           };
         },
-        formInput: (record, index) => <Switch disabled={disabled} />,
+        formInput: () => <Switch disabled={disabled} />,
         additional: (record, index) => (
           <Form.Item shouldUpdate noStyle style={{ display: "inline-block" }}>
             {() => {
@@ -478,7 +476,7 @@ export function BillEnterModalLinesComponent({
                 name: [field.name, "applicable_taxes", "federal"]
               };
             },
-            formInput: (record, index) => <Switch disabled={disabled} />
+            formInput: () => <Switch disabled={disabled} />
           }
         ]
       }),
@@ -495,7 +493,7 @@ export function BillEnterModalLinesComponent({
             name: [field.name, "applicable_taxes", "state"]
           };
         },
-        formInput: (record, index) => <Switch disabled={disabled} />
+        formInput: () => <Switch disabled={disabled} />
       },
 
       ...InstanceRenderManager({
@@ -513,7 +511,7 @@ export function BillEnterModalLinesComponent({
                 name: [field.name, "applicable_taxes", "local"]
               };
             },
-            formInput: (record, index) => <Switch disabled={disabled} />
+            formInput: () => <Switch disabled={disabled} />
           }
         ]
       }),
@@ -575,7 +573,7 @@ export function BillEnterModalLinesComponent({
         }
       ]}
     >
-      {(fields, { add, remove, move }) => {
+      {(fields, { add, remove }) => {
         return (
           <>
             <Table
@@ -612,19 +610,7 @@ export function BillEnterModalLinesComponent({
 
 export default connect(mapStateToProps, mapDispatchToProps)(BillEnterModalLinesComponent);
 
-const EditableCell = ({
+const EditableCell = ({ dataIndex, record, children, formInput, formItemProps, additional, wrapper, ...restProps }) => {
-  dataIndex,
-  title,
-  inputType,
-  record,
-  index,
-  children,
-  formInput,
-  formItemProps,
-  additional,
-  wrapper,
-  ...restProps
-}) => {
   const propsFinal = formItemProps && formItemProps(record);
   if (propsFinal && "key" in propsFinal) {
     delete propsFinal.key;

client/src/components/bill-form/bill-form.totals.utility.js

@@ -9,10 +9,10 @@ export const CalculateBillTotal = (invoice) => {
   let stateTax = Dinero({ amount: 0 });
   let localTax = Dinero({ amount: 0 });
 
-  if (!!!billlines) return null;
+  if (!billlines) return null;
 
   billlines.forEach((i) => {
-    if (!!i) {
+    if (i) {
       const itemTotal = Dinero({
         amount: Math.round((i.actual_cost || 0) * 100)
       }).multiply(i.quantity || 1);

client/src/components/bill-inventory-table/bill-inventory-table.component.jsx

@@ -1,5 +1,5 @@
 import { Checkbox, Form, Skeleton, Typography } from "antd";
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import ReadOnlyFormItemComponent from "../form-items-formatted/read-only-form-item.component";
 import "./bill-inventory-table.styles.scss";
@@ -13,7 +13,7 @@ const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
   billEnterModal: selectBillEnterModal
 });
-const mapDispatchToProps = (dispatch) => ({
+const mapDispatchToProps = () => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 export default connect(mapStateToProps, mapDispatchToProps)(BillInventoryTable);
@@ -22,7 +22,7 @@ export function BillInventoryTable({ billEnterModal, bodyshop, form, billEdit, i
   const { t } = useTranslation();
 
   useEffect(() => {
-    if (inventoryData && inventoryData.inventory) {
+    if (inventoryData?.inventory) {
       form.setFieldsValue({
         inventory: billEnterModal.context.consumeinventoryid
           ? inventoryData.inventory.map((i) => {
@@ -47,7 +47,7 @@ export function BillInventoryTable({ billEnterModal, bodyshop, form, billEdit, i
 
         return (
           <Form.List name="inventory">
-            {(fields, { add, remove, move }) => {
+            {(fields) => {
               return (
                 <>
                   <Typography.Title level={4}>{t("inventory.labels.inventory")}</Typography.Title>

client/src/components/bill-mark-exported-button/bill-mark-exported-button.component.jsx

@@ -1,6 +1,6 @@
 import { gql, useMutation } from "@apollo/client";
 import { Button } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 
 import { connect } from "react-redux";
@@ -15,7 +15,7 @@ const mapStateToProps = createStructuredSelector({
   authLevel: selectAuthLevel,
   currentUser: selectCurrentUser
 });
-const mapDispatchToProps = (dispatch) => ({
+const mapDispatchToProps = () => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 

client/src/components/bill-print-button/bill-print-button.component.jsx

@@ -1,5 +1,5 @@
 import { Button, Space } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { GenerateDocument } from "../../utils/RenderTemplate";
 import { TemplateList } from "../../utils/TemplateConstants";
@@ -26,7 +26,7 @@ export default function BillPrintButton({ billid }) {
         null,
         notification
       );
-    } catch (e) {
+    } catch {
       console.warn("Warning: Error generating a document.");
     }
     setLoading(false);

client/src/components/bill-reexport-button/bill-reexport-button.component.jsx

@@ -1,6 +1,6 @@
 import { gql, useMutation } from "@apollo/client";
 import { Button } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 
 import { connect } from "react-redux";
@@ -13,7 +13,7 @@ const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
   authLevel: selectAuthLevel
 });
-const mapDispatchToProps = (dispatch) => ({
+const mapDispatchToProps = () => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 

client/src/components/billline-add-inventory/billline-add-inventory.component.jsx

@@ -3,7 +3,7 @@ import { useMutation } from "@apollo/client";
 import { Button, Tooltip } from "antd";
 import { t } from "i18next";
 import dayjs from "./../../utils/day";
-import React, { useState } from "react";
+import { useState } from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { INSERT_INVENTORY_AND_CREDIT } from "../../graphql/inventory.queries";
@@ -17,7 +17,7 @@ const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
   currentUser: selectCurrentUser
 });
-const mapDispatchToProps = (dispatch) => ({
+const mapDispatchToProps = () => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 export default connect(mapStateToProps, mapDispatchToProps)(BilllineAddInventory);

client/src/components/bills-vendors-list/bills-vendors-list.component.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { QUERY_ALL_VENDORS } from "../../graphql/vendors.queries";
 import { useQuery } from "@apollo/client";
 import queryString from "query-string";
@@ -100,9 +100,9 @@ export default function BillsVendorsList() {
         selectedRowKeys: [search.vendorid],
         type: "radio"
       }}
-      onRow={(record, rowIndex) => {
+      onRow={(record) => {
         return {
-          onClick: (event) => {
+          onClick: () => {
             handleOnRowClick(record);
           } // click row
         };

client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table-modal.container.jsx

@@ -1,5 +1,5 @@
 import { Button, Form, Modal } from "antd";
-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";
@@ -32,12 +32,13 @@ export function ContractsFindModalContainer({ caBcEtfTableModal, toggleModalVisi
     logImEXEvent("ca_bc_etf_table_parse");
     setLoading(true);
     const claimNumbers = [];
-    values.table.split("\n").forEach((row, idx, arr) => {
+    values.table.split("\n").forEach((row) => {
       const { 1: claim, 2: shortclaim, 4: amount } = row.split("\t");
       if (!claim || !shortclaim) return;
       const trimmedShortClaim = shortclaim.trim();
       // const trimmedClaim = claim.trim();
       if (amount.slice(-1) === "-") {
+        // NO OP
       }
 
       claimNumbers.push({

client/src/components/ca-bc-etf-table-modal/ca-bc-etf-table.modal.component.jsx

@@ -1,17 +1,13 @@
 import { Form, Input, Radio } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
-import { selectBodyshop } from "../../redux/user/user.selectors";
 
-const mapStateToProps = createStructuredSelector({
+const mapStateToProps = createStructuredSelector({});
-  bodyshop: selectBodyshop
-});
 
 export default connect(mapStateToProps, null)(PartsReceiveModalComponent);
 
-export function PartsReceiveModalComponent({ bodyshop, form }) {
+export function PartsReceiveModalComponent() {
   const { t } = useTranslation();
 
   return (

client/src/components/ca-bc-pvrt-calculator/ca-bc-pvrt-calculator.component.jsx

@@ -1,6 +1,6 @@
 import { CalculatorFilled } from "@ant-design/icons";
 import { Button, Form, InputNumber, Popover, Space } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { logImEXEvent } from "../../firebase/firebase.utils";
 

client/src/components/card-payment-modal/card-payment-modal.component.jsx

@@ -2,7 +2,7 @@ import { CopyFilled, DeleteFilled } from "@ant-design/icons";
 import { useLazyQuery, useMutation } from "@apollo/client";
 import { Button, Card, Col, Form, Input, message, Row, Space, Spin, Statistic } from "antd";
 import axios from "axios";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -133,7 +133,6 @@ const CardPaymentModalComponent = ({
       });
 
       if (window.intellipay) {
-        // eslint-disable-next-line no-eval
         eval(response.data);
         pollForIntelliPay(() => {
           SetIntellipayCallbackFunctions();
@@ -149,7 +148,7 @@ const CardPaymentModalComponent = ({
           window.intellipay.initialize();
         });
       }
-    } catch (error) {
+    } catch {
       notification.open({
         type: "error",
         message: t("job_payments.notifications.error.openingip")
@@ -187,7 +186,7 @@ const CardPaymentModalComponent = ({
         message.success(t("general.actions.copied"));
       }
       setLoading(false);
-    } catch (error) {
+    } catch {
       notification.open({
         type: "error",
         message: t("job_payments.notifications.error.openingip")
@@ -359,7 +358,7 @@ function pollForIntelliPay(callbackFunction) {
   const startTime = Date.now();
 
   function checkFixAmount() {
-    if (window.intellipay && window.intellipay.fixAmount !== undefined) {
+    if (window.intellipay?.fixAmount) {
       callbackFunction();
       return;
     }

client/src/components/card-payment-modal/card-payment-modal.container.jsx

@@ -1,23 +1,20 @@
 import { Button, Modal } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { toggleModalVisible } from "../../redux/modals/modals.actions";
 import { selectCardPayment } from "../../redux/modals/modals.selectors";
-import { selectBodyshop } from "../../redux/user/user.selectors";
 import CardPaymentModalComponent from "./card-payment-modal.component";
 
 const mapStateToProps = createStructuredSelector({
-  cardPaymentModal: selectCardPayment,
+  cardPaymentModal: selectCardPayment
-  bodyshop: selectBodyshop
 });
 
 const mapDispatchToProps = (dispatch) => ({
   toggleModalVisible: () => dispatch(toggleModalVisible("cardPayment"))
 });
 
-function CardPaymentModalContainer({ cardPaymentModal, toggleModalVisible, bodyshop }) {
+function CardPaymentModalContainer({ cardPaymentModal, toggleModalVisible }) {
   const { open } = cardPaymentModal;
   const { t } = useTranslation();
 

client/src/components/chat-affix/registerMessagingSocketHandlers.js

@@ -57,7 +57,7 @@ export const registerMessagingHandlers = ({ socket, client }) => {
             existingConversation: true
           });
         }
-      } catch (error) {
+      } catch {
         logLocal("handleNewMessageSummary - Cache miss", { conversationId });
       }
     }
@@ -328,8 +328,7 @@ export const registerMessagingHandlers = ({ socket, client }) => {
           }
           break;
 
-        case "tag-added":
+        case "tag-added": { // Ensure `job_conversations` is properly formatted
-          // Ensure `job_conversations` is properly formatted
           const formattedJobConversations = job_conversations.map((jc) => ({
             __typename: "job_conversations",
             jobid: jc.jobid || jc.job?.id,
@@ -375,6 +374,7 @@ export const registerMessagingHandlers = ({ socket, client }) => {
           });
 
           break;
+        }
 
         case "tag-removed":
           try {
@@ -462,7 +462,7 @@ export const registerMessagingHandlers = ({ socket, client }) => {
       logLocal("handlePhoneNumberOptedOut - Error", { error: error.message });
     }
   };
-  
+
   // New handler for phone number opt-in
   const handlePhoneNumberOptedIn = async (data) => {
     const { bodyshopid, phone_number } = data;

client/src/components/chat-conversation-list/chat-conversation-list.component.jsx

@@ -67,7 +67,7 @@ function ChatConversationListComponent({ conversationList, selectedConversation,
       item.job_conversations.length > 0
         ? item.job_conversations.map((j, idx) => <Tag key={idx}>{j.job.ro_number}</Tag>)
         : null;
-    const names = <>{_.uniq(item.job_conversations.map((j, idx) => OwnerNameDisplayFunction(j.job)))}</>;
+    const names = <>{_.uniq(item.job_conversations.map((j) => OwnerNameDisplayFunction(j.job)))}</>;
     const cardTitle = (
       <>
         {item.label && <Tag color="blue">{item.label}</Tag>}

client/src/components/chat-conversation-title-tags/chat-conversation-title-tags.component.jsx

@@ -21,7 +21,7 @@ export function ChatConversationTitleTags({ jobConversations, bodyshop }) {
 
   const handleRemoveTag = async (jobId) => {
     const convId = jobConversations[0].conversationid;
-    if (!!convId) {
+    if (convId) {
       await removeJobConversation({
         variables: {
           conversationId: convId,

client/src/components/chat-conversation-title/chat-conversation-title.component.jsx

@@ -1,5 +1,4 @@
 import { Space } from "antd";
-import React from "react";
 import PhoneNumberFormatter from "../../utils/PhoneFormatter";
 import ChatArchiveButton from "../chat-archive-button/chat-archive-button.component";
 import ChatConversationTitleTags from "../chat-conversation-title-tags/chat-conversation-title-tags.component";
@@ -16,10 +15,10 @@ const mapDispatchToProps = () => ({});
 export function ChatConversationTitle({ conversation }) {
   return (
     <Space className="chat-title" wrap>
-      <PhoneNumberFormatter>{conversation && conversation.phone_num}</PhoneNumberFormatter>
+      <PhoneNumberFormatter>{conversation?.phone_num}</PhoneNumberFormatter>
       <ChatLabelComponent conversation={conversation} />
       <ChatPrintButton conversation={conversation} />
-      <ChatConversationTitleTags jobConversations={(conversation && conversation.job_conversations) || []} />
+      <ChatConversationTitleTags jobConversations={conversation?.job_conversations || []} />
       <ChatTagRoContainer conversation={conversation || []} />
       <ChatArchiveButton conversation={conversation} />
     </Space>

client/src/components/chat-conversation/chat-conversation.component.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import AlertComponent from "../alert/alert.component";
 import ChatConversationTitle from "../chat-conversation-title/chat-conversation-title.component";
 import ChatMessageListComponent from "../chat-messages-list/chat-message-list.component";

client/src/components/chat-label/chat-label.component.jsx

@@ -14,7 +14,7 @@ const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
 
-const mapDispatchToProps = (dispatch) => ({});
+const mapDispatchToProps = () => ({});
 
 export function ChatLabel({ conversation, bodyshop }) {
   const [loading, setLoading] = useState(false);

client/src/components/chat-media-selector/chat-media-selector.component.jsx

@@ -19,7 +19,7 @@ const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
 
-const mapDispatchToProps = (dispatch) => ({});
+const mapDispatchToProps = () => ({});
 
 export default connect(mapStateToProps, mapDispatchToProps)(ChatMediaSelector);
 

client/src/components/chat-messages-list/chat-message-list.component.jsx

@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useRef, useState } from "react";
 import { Virtuoso } from "react-virtuoso";
 import { renderMessage } from "./renderMessage";
 import "./chat-message-list.styles.scss";
@@ -76,7 +76,7 @@ export default function ChatMessageListComponent({ messages }) {
       <Virtuoso
         ref={virtuosoRef}
         data={messages}
-        overscan={!!messages.reduce((acc, message) => acc + (message.image_path?.length || 0), 0) ? messages.length : 0}
+        overscan={messages.reduce((acc, message) => acc + (message.image_path?.length || 0), 0) ? messages.length : 0}
         itemContent={(index) => renderMessage(messages, index)}
         followOutput={(isAtBottom) => handleScrollStateChange(isAtBottom)}
         initialTopMostItemIndex={messages.length - 1}

client/src/components/chat-presets/chat-presets.component.jsx

@@ -1,6 +1,5 @@
 import { PlusCircleOutlined } from "@ant-design/icons";
 import { Dropdown } from "antd";
-import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { setMessage } from "../../redux/messaging/messaging.actions";

client/src/components/chat-print-button/chat-print-button.component.jsx

@@ -1,6 +1,6 @@
 import { MailOutlined, PrinterOutlined } from "@ant-design/icons";
 import { Space, Spin } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { setEmailOptions } from "../../redux/email/email.actions";
@@ -31,7 +31,7 @@ export function ChatPrintButton({ conversation }) {
       type,
       conversation.id,
       notification
-    ).catch((e) => {
+    ).catch(() => {
       console.warn("Something went wrong generating a document.");
     });
     setLoading(false);

client/src/components/chat-tag-ro/chat-tag-ro.component.jsx

@@ -1,6 +1,5 @@
 import { CloseCircleOutlined, LoadingOutlined } from "@ant-design/icons";
 import { Empty, Select, Space } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { OwnerNameDisplayFunction } from "../owner-name-display/owner-name-display.component";
 

client/src/components/config-form-components/checkbox/checkbox.component.jsx

@@ -1,5 +1,4 @@
 import { Checkbox, Form } from "antd";
-import React from "react";
 
 export default function JobIntakeFormCheckboxComponent({ formItem, readOnly }) {
   const { name, label, required } = formItem;

client/src/components/config-form-components/config-form-components.component.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import FormTypes from "./config-form-types";
 
 export default function ConfirmFormComponents({ componentList, readOnly }) {
@@ -7,7 +6,7 @@ export default function ConfirmFormComponents({ componentList, readOnly }) {
       {componentList.map((f, idx) => {
         const Comp = FormTypes[f.type];
 
-        if (!!Comp) {
+        if (Comp) {
           return <Comp key={idx} formItem={f} readOnly={readOnly} />;
         } else {
           return <div key={idx}>Error</div>;

client/src/components/config-form-components/rate/rate.component.jsx

@@ -1,5 +1,4 @@
 import { Form, Rate } from "antd";
-import React from "react";
 
 export default function JobIntakeFormCheckboxComponent({ formItem, readOnly }) {
   const { name, label, required } = formItem;

client/src/components/config-form-components/slider/slider.component.jsx

@@ -1,5 +1,4 @@
 import { Form, Slider } from "antd";
-import React from "react";
 
 export default function JobIntakeFormCheckboxComponent({ formItem, readOnly }) {
   const { name, label, required, min, max } = formItem;

client/src/components/config-form-components/text/text.component.jsx

@@ -1,5 +1,4 @@
 import { Form, Input } from "antd";
-import React from "react";
 
 export default function JobIntakeFormCheckboxComponent({ formItem, readOnly }) {
   const { name, label, required } = formItem;

client/src/components/config-form-components/textarea/textarea.component.jsx

@@ -1,5 +1,4 @@
 import { Form, Input } from "antd";
-import React from "react";
 
 export default function JobIntakeFormCheckboxComponent({ formItem, readOnly }) {
   const { name, label, required, rows } = formItem;

client/src/components/conflict/conflict.component.jsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Button, Result } from "antd";
 import { useTranslation } from "react-i18next";
 import InstanceRenderManager from "../../utils/instanceRenderMgr";

client/src/components/contract-cars/contract-cars.component.jsx

@@ -1,5 +1,5 @@
 import { Card, Input, Table } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { alphaSort } from "../../utils/sorters";
 
@@ -114,9 +114,9 @@ export default function ContractsCarsComponent({ loading, data, selectedCarId, h
           type: "radio",
           selectedRowKeys: [selectedCarId]
         }}
-        onRow={(record, rowIndex) => {
+        onRow={(record) => {
           return {
-            onClick: (event) => {
+            onClick: () => {
               handleSelect(record);
             }
           };

client/src/components/contract-cars/contract-cars.container.jsx

@@ -1,6 +1,5 @@
 import { useQuery } from "@apollo/client";
 import dayjs from "../../utils/day";
-import React from "react";
 import { QUERY_AVAILABLE_CC } from "../../graphql/courtesy-car.queries";
 import AlertComponent from "../alert/alert.component";
 import ContractCarsComponent from "./contract-cars.component";

client/src/components/contract-convert-to-ro/contract-convert-to-ro.component.jsx

@@ -2,7 +2,7 @@ import { useMutation } from "@apollo/client";
 import { Button, Form, InputNumber, Popover, Radio, Select, Space } from "antd";
 import axios from "axios";
 import dayjs from "../../utils/day";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { useNavigate } from "react-router-dom";
@@ -16,7 +16,7 @@ const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
   currentUser: selectCurrentUser
 });
-const mapDispatchToProps = (dispatch) => ({
+const mapDispatchToProps = () => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 
@@ -270,7 +270,7 @@ export function ContractConvertToRo({ bodyshop, currentUser, contract, disabled
       // awaitRefetchQueries: true,
     });
 
-    if (!!result.errors) {
+    if (result.errors) {
       notification["error"]({
         message: t("jobs.errors.inserting", {
           message: JSON.stringify(result.errors)

client/src/components/contract-courtesy-car-block/contract-courtesy-car-block.component.jsx

@@ -1,5 +1,4 @@
 import { Card } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
 import DataLabel from "../data-label/data-label.component";

client/src/components/contract-form/contract-form-job-prefill.component.jsx

@@ -1,6 +1,6 @@
 import { useLazyQuery } from "@apollo/client";
 import { Button } from "antd";
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { GET_JOB_FOR_CC_CONTRACT } from "../../graphql/jobs.queries";
 import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";

client/src/components/contract-form/contract-form.component.jsx

@@ -1,6 +1,5 @@
 import { WarningFilled } from "@ant-design/icons";
 import { Form, Input, InputNumber, Space } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { DateFormatter } from "../../utils/DateFormatter";
 import dayjs from "../../utils/day";

client/src/components/contract-job-block/contract-job-block.component.jsx

@@ -1,5 +1,4 @@
 import { Card } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
 import DataLabel from "../data-label/data-label.component";

client/src/components/contract-jobs/contract-jobs.component.jsx

@@ -1,5 +1,5 @@
 import { Card, Input, Table } from "antd";
-import React, { useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { alphaSort } from "../../utils/sorters";
 import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component";
@@ -142,9 +142,9 @@ export default function ContractsJobsComponent({ loading, data, selectedJob, han
           type: "radio",
           selectedRowKeys: [selectedJob]
         }}
-        onRow={(record, rowIndex) => {
+        onRow={(record) => {
           return {
-            onClick: (event) => {
+            onClick: () => {
               handleSelect(record);
             }
           };

client/src/components/contract-jobs/contract-jobs.container.jsx

@@ -1,5 +1,4 @@
 import { useQuery } from "@apollo/client";
-import React from "react";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { QUERY_ALL_ACTIVE_JOBS } from "../../graphql/jobs.queries";

client/src/components/contract-license-decode-button/contract-license-decode-button.component.jsx

@@ -1,6 +1,6 @@
 import { Button, Input, Modal, Typography } from "antd";
 import dayjs from "../../utils/day";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import aamva from "../../utils/aamva";
 import DataLabel from "../data-label/data-label.component";
@@ -54,7 +54,7 @@ export default function ContractLicenseDecodeButton({ form }) {
         open={modalVisible}
         okText={t("contracts.actions.senddltoform")}
         onOk={handleInsertForm}
-        okButtonProps={{ disabled: !!!decodedBarcode }}
+        okButtonProps={{ disabled: !decodedBarcode }}
         onCancel={handleCancel}
       >
         <div>
@@ -62,7 +62,7 @@ export default function ContractLicenseDecodeButton({ form }) {
             <Input
               autoFocus
               allowClear
-              onChange={(e) => {
+              onChange={() => {
                 if (!loading) setLoading(true);
               }}
               onPressEnter={handleDecode}

client/src/components/contracts-find-modal/contracts-find-modal.component.jsx

@@ -1,18 +1,14 @@
 import { Form, Input } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
-import { selectBodyshop } from "../../redux/user/user.selectors";
 import FormDateTimePicker from "../form-date-time-picker/form-date-time-picker.component";
 
-const mapStateToProps = createStructuredSelector({
+const mapStateToProps = createStructuredSelector({});
-  bodyshop: selectBodyshop
-});
 
 export default connect(mapStateToProps, null)(PartsReceiveModalComponent);
 
-export function PartsReceiveModalComponent({ bodyshop, form }) {
+export function PartsReceiveModalComponent() {
   const { t } = useTranslation();
 
   return (

client/src/components/contracts-find-modal/contracts-find-modal.container.jsx

@@ -1,6 +1,6 @@
 import { useLazyQuery } from "@apollo/client";
 import { Button, Form, Modal, Table } from "antd";
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { Link } from "react-router-dom";
@@ -9,13 +9,11 @@ import { logImEXEvent } from "../../firebase/firebase.utils";
 import { FIND_CONTRACT } from "../../graphql/cccontracts.queries";
 import { toggleModalVisible } from "../../redux/modals/modals.actions";
 import { selectContractFinder } from "../../redux/modals/modals.selectors";
-import { selectBodyshop } from "../../redux/user/user.selectors";
 import { DateTimeFormatter } from "../../utils/DateFormatter";
 import ContractsFindModalComponent from "./contracts-find-modal.component";
 import AlertComponent from "../alert/alert.component";
 
 const mapStateToProps = createStructuredSelector({
-  bodyshop: selectBodyshop,
   contractFinderModal: selectContractFinder
 });
 
@@ -23,12 +21,7 @@ const mapDispatchToProps = (dispatch) => ({
   toggleModalVisible: () => dispatch(toggleModalVisible("contractFinder"))
 });
 
-export function ContractsFindModalContainer({
+export function ContractsFindModalContainer({ contractFinderModal, toggleModalVisible }) {
-  contractFinderModal,
-  toggleModalVisible,
-
-  bodyshop
-}) {
   const { t } = useTranslation();
 
   const { open } = contractFinderModal;
@@ -133,7 +126,7 @@ export function ContractsFindModalContainer({
             }
           ]}
           rowKey="id"
-          dataSource={data && data.cccontracts}
+          dataSource={data?.cccontracts}
         />
       </Form>
     </Modal>

client/src/components/contracts-list/contracts-list.component.jsx

@@ -1,7 +1,7 @@
 import { SyncOutlined } from "@ant-design/icons";
 import { Button, Card, Input, Space, Table, Typography } from "antd";
 import queryString from "query-string";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import { setModalContext } from "../../redux/modals/modals.actions";
@@ -175,7 +175,7 @@ export function ContractsList({ bodyshop, loading, contracts, refetch, total, se
         pagination={{
           position: "top",
           pageSize: pageLimit,
-          current: parseInt(page || 1),
+          current: parseInt(page || 1, 10),
           total: total
         }}
         columns={columns}

client/src/components/contracts-rates-change-button/contracts-rates-change-button.component.jsx

@@ -1,6 +1,5 @@
 import { DownOutlined } from "@ant-design/icons";
 import { Dropdown } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -13,8 +12,8 @@ const mapStateToProps = createStructuredSelector({
 export function ContractsRatesChangeButton({ disabled, form, bodyshop }) {
   const { t } = useTranslation();
 
-  const handleClick = ({ item, key, keyPath }) => {
+  const handleClick = ({ item }) => {
-    const { label, ...rate } = item.props.value;
+    const { ...rate } = item.props.value;
     form.setFieldsValue(rate);
   };
 

client/src/components/courtesy-car-contract-list/courtesy-car-contract-list.component.jsx

@@ -1,6 +1,5 @@
 import { Card, Table } from "antd";
 import queryString from "query-string";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import { DateFormatter } from "../../utils/DateFormatter";

client/src/components/courtesy-car-form/courtesy-car-form.component.jsx

@@ -3,7 +3,6 @@ import { useApolloClient } from "@apollo/client";
 import { Button, Form, Input, InputNumber, Space } from "antd";
 import { PageHeader } from "@ant-design/pro-layout";
 import dayjs from "../../utils/day";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { CHECK_CC_FLEET_NUMBER } from "../../graphql/courtesy-car.queries";
 import { DateFormatter } from "../../utils/DateFormatter";
@@ -128,7 +127,7 @@ export default function CourtesyCarCreateFormComponent({ form, saveLoading, newC
               required: true
               //message: t("general.validation.required"),
             },
-            ({ getFieldValue }) => ({
+            () => ({
               async validator(rule, value) {
                 if (value) {
                   const response = await client.query({

client/src/components/courtesy-car-readiness-select/courtesy-car-readiness-select.component.jsx

@@ -1,5 +1,5 @@
 import { Select } from "antd";
-import React, { forwardRef, useEffect, useState } from "react";
+import { forwardRef, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 
 const { Option } = Select;

client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.component.jsx

@@ -1,5 +1,4 @@
 import { Form, InputNumber } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import CourtesyCarFuelSlider from "../courtesy-car-fuel-select/courtesy-car-fuel-select.component";
 import DateTimePicker from "../form-date-time-picker/form-date-time-picker.component.jsx";

client/src/components/courtesy-car-return-modal/courtesy-car-return-modal.container.jsx

@@ -1,11 +1,10 @@
 import { Form, Modal } from "antd";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { toggleModalVisible } from "../../redux/modals/modals.actions";
 import { selectCourtesyCarReturn } from "../../redux/modals/modals.selectors";
-import { selectBodyshop } from "../../redux/user/user.selectors";
 import CourtesyCarReturnModalComponent from "./courtesy-car-return-modal.component";
 import dayjs from "../../utils/day";
 import { RETURN_CONTRACT } from "../../graphql/cccontracts.queries";
@@ -13,15 +12,14 @@ import { useMutation } from "@apollo/client";
 import { useNotification } from "../../contexts/Notifications/notificationContext.jsx";
 
 const mapStateToProps = createStructuredSelector({
-  courtesyCarReturnModal: selectCourtesyCarReturn,
+  courtesyCarReturnModal: selectCourtesyCarReturn
-  bodyshop: selectBodyshop
 });
 
 const mapDispatchToProps = (dispatch) => ({
   toggleModalVisible: () => dispatch(toggleModalVisible("courtesyCarReturn"))
 });
 
-export function CCReturnModalContainer({ courtesyCarReturnModal, toggleModalVisible, bodyshop }) {
+export function CCReturnModalContainer({ courtesyCarReturnModal, toggleModalVisible }) {
   const [loading, setLoading] = useState(false);
   const { open, context, actions } = courtesyCarReturnModal;
   const { t } = useTranslation();
@@ -48,7 +46,7 @@ export function CCReturnModalContainer({ courtesyCarReturnModal, toggleModalVisi
         }
       }
     })
-      .then((r) => {
+      .then(() => {
         if (actions.refetch) actions.refetch();
         toggleModalVisible();
       })

client/src/components/courtesy-car-status-select/courtesy-car-status-select.component.jsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, useEffect, useState } from "react";
+import { forwardRef, useEffect, useState } from "react";
 import { Select } from "antd";
 import { useTranslation } from "react-i18next";
 

client/src/components/courtesy-cars-list/courtesy-cars-list.component.jsx

@@ -1,7 +1,7 @@
 import { SyncOutlined, WarningFilled } from "@ant-design/icons";
 import { Button, Card, Dropdown, Input, Space, Table, Tooltip } from "antd";
 import dayjs from "../../utils/day";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
 import { DateTimeFormatter } from "../../utils/DateFormatter";

client/src/components/csi-response-form/csi-response-form.container.jsx

@@ -1,7 +1,7 @@
 import { useQuery } from "@apollo/client";
 import { Card, Form, Result } from "antd";
 import queryString from "query-string";
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useLocation } from "react-router-dom";
 import { QUERY_CSI_RESPONSE_BY_PK } from "../../graphql/csi.queries";
@@ -19,7 +19,7 @@ export default function CsiResponseFormContainer() {
     variables: {
       id: responseid
     },
-    skip: !!!responseid,
+    skip: !responseid,
     fetchPolicy: "network-only",
     nextFetchPolicy: "network-only"
   });
@@ -28,7 +28,7 @@ export default function CsiResponseFormContainer() {
     form.resetFields();
   }, [data, form]);
 
-  if (!!!responseid)
+  if (!responseid)
     return (
       <Card>
         <Result title={t("csi.labels.noneselected")} />

client/src/components/csi-response-list-paginated/csi-response-list-paginated.component.jsx

@@ -1,7 +1,7 @@
 import { SyncOutlined } from "@ant-design/icons";
 import { Button, Card, Table } from "antd";
 import queryString from "query-string";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link, useLocation, useNavigate } from "react-router-dom";
 import { DateFormatter } from "../../utils/DateFormatter";

client/src/components/dashboard-components/monthly-employee-efficiency/monthly-employee-efficiency.component.jsx

@@ -1,7 +1,6 @@
 import { Card } from "antd";
 import _ from "lodash";
 import dayjs from "../../../utils/day";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Bar, CartesianGrid, ComposedChart, Legend, Line, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
 import * as Utils from "../../scoreboard-targets-table/scoreboard-targets-table.util";
@@ -19,7 +18,7 @@ export default function DashboardMonthlyEmployeeEfficiency({ data, ...cardProps
   const chartData = listOfDays.reduce((acc, val) => {
     //Sum up the current day.
     let dailyHrs;
-    if (!!ticketsByDate[val]) {
+    if (ticketsByDate[val]) {
       dailyHrs = ticketsByDate[val].reduce(
         (dayAcc, dayVal) => {
           return {

client/src/components/dashboard-components/monthly-job-costing/monthly-job-costing.component.jsx

@@ -1,6 +1,6 @@
 import { Card, Input, Space, Table, Typography } from "antd";
 import axios from "axios";
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { alphaSort } from "../../../utils/sorters";
 import LoadingSkeleton from "../../loading-skeleton/loading-skeleton.component";
@@ -19,7 +19,7 @@ export default function DashboardMonthlyJobCosting({ data, ...cardProps }) {
 
   useEffect(() => {
     async function getCostingData() {
-      if (data && data.monthly_sales) {
+      if (data?.monthly_sales) {
         setLoading(true);
         const response = await axios.post("/job/costingmulti", {
           jobids: data.monthly_sales.map((x) => x.id)
@@ -79,7 +79,7 @@ export default function DashboardMonthlyJobCosting({ data, ...cardProps }) {
   ];
   const filteredData =
     searchText === ""
-      ? (costingData && costingData.allCostCenterData) || []
+      ? costingData?.allCostCenterData || []
       : costingData.allCostCenterData.filter((d) =>
           (d.cost_center || "").toString().toLowerCase().includes(searchText.toLowerCase())
         );
@@ -117,15 +117,13 @@ export default function DashboardMonthlyJobCosting({ data, ...cardProps }) {
                   <Typography.Title level={4}>{t("general.labels.totals")}</Typography.Title>
                 </Table.Summary.Cell>
                 <Table.Summary.Cell>
-                  {Dinero(
+                  {Dinero(costingData?.allSummaryData && costingData.allSummaryData.totalSales).toFormat()}
-                    costingData && costingData.allSummaryData && costingData.allSummaryData.totalSales
-                  ).toFormat()}
                 </Table.Summary.Cell>
                 <Table.Summary.Cell>
-                  {Dinero(costingData && costingData.allSummaryData && costingData.allSummaryData.totalCost).toFormat()}
+                  {Dinero(costingData?.allSummaryData && costingData.allSummaryData.totalCost).toFormat()}
                 </Table.Summary.Cell>
                 <Table.Summary.Cell>
-                  {Dinero(costingData && costingData.allSummaryData && costingData.allSummaryData.gpdollars).toFormat()}
+                  {Dinero(costingData?.allSummaryData && costingData.allSummaryData.gpdollars).toFormat()}
                 </Table.Summary.Cell>
                 <Table.Summary.Cell></Table.Summary.Cell>
               </Table.Summary.Row>

client/src/components/dashboard-components/monthly-labor-sales/monthly-labor-sales.component.jsx

@@ -1,6 +1,6 @@
 import { Card } from "antd";
 import Dinero from "dinero.js";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Cell, Pie, PieChart, ResponsiveContainer, Sector } from "recharts";
 import DashboardRefreshRequired from "../refresh-required.component";

client/src/components/dashboard-components/monthly-parts-sales/monthly-parts-sales.component.jsx

@@ -1,6 +1,6 @@
 import { Card } from "antd";
 import Dinero from "dinero.js";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Cell, Pie, PieChart, ResponsiveContainer, Sector } from "recharts";
 import DashboardRefreshRequired from "../refresh-required.component";

client/src/components/dashboard-components/monthly-revenue-graph/monthly-revenue-graph.component.jsx

@@ -1,6 +1,5 @@
 import { Card } from "antd";
 import dayjs from "../../../utils/day";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import _ from "lodash";
 import { Area, Bar, CartesianGrid, ComposedChart, Legend, ResponsiveContainer, Tooltip, XAxis, YAxis } from "recharts";
@@ -20,7 +19,7 @@ export default function DashboardMonthlyRevenueGraph({ data, ...cardProps }) {
   const chartData = listOfDays.reduce((acc, val) => {
     //Sum up the current day.
     let dailySales;
-    if (!!jobsByDate[val]) {
+    if (jobsByDate[val]) {
       dailySales = jobsByDate[val].reduce((dayAcc, dayVal) => {
         return dayAcc.add(Dinero((dayVal.job_totals && dayVal.job_totals.totals.subtotal) || 0));
       }, Dinero());
@@ -46,7 +45,7 @@ export default function DashboardMonthlyRevenueGraph({ data, ...cardProps }) {
             <CartesianGrid stroke="#f5f5f5" />
             <XAxis dataKey="date" />
             <YAxis />
-            <Tooltip formatter={(value, name, props) => value && value.toFixed(2)} />
+            <Tooltip formatter={(value) => value && value.toFixed(2)} />
             <Legend />
             <Area type="monotone" name="Accumulated Sales" dataKey="accSales" fill="#3CB371" stroke="#3CB371" />
             <Bar

client/src/components/dashboard-components/pojected-monthly-sales/projected-monthly-sales.component.jsx

@@ -1,7 +1,6 @@
 import { Card, Statistic } from "antd";
 import Dinero from "dinero.js";
 import dayjs from "../../../utils/day";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import DashboardRefreshRequired from "../refresh-required.component";
 

client/src/components/dashboard-components/refresh-required.component.jsx

@@ -1,6 +1,5 @@
 import { SyncOutlined } from "@ant-design/icons";
 import { Card } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 
 export default function DashboardRefreshRequired(props) {

client/src/components/dashboard-components/total-production-dollars/total-production-dollars.component.jsx

@@ -1,6 +1,5 @@
 import { Card, Statistic } from "antd";
 import Dinero from "dinero.js";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import DashboardRefreshRequired from "../refresh-required.component";
 

client/src/components/dashboard-components/total-production-hours/total-production-hours.component.jsx

@@ -1,5 +1,4 @@
 import { Card, Space, Statistic } from "antd";
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
@@ -9,7 +8,7 @@ import DashboardRefreshRequired from "../refresh-required.component";
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
-const mapDispatchToProps = (dispatch) => ({});
+const mapDispatchToProps = () => ({});
 export default connect(mapStateToProps, mapDispatchToProps)(DashboardTotalProductionHours);
 
 export function DashboardTotalProductionHours({ bodyshop, data, ...cardProps }) {

client/src/components/dashboard-grid/createDashboardQuery.js

@@ -6,7 +6,7 @@ const createDashboardQuery = (state) => {
   const componentBasedAdditions =
     state &&
     Array.isArray(state.layout) &&
-    state.layout.map((item, index) => componentList[item.i].gqlFragment || "").join("");
+    state.layout.map((item) => componentList[item.i].gqlFragment || "").join("");
   return gql`
     query QUERY_DASHBOARD_DETAILS { ${componentBasedAdditions || ""}
       monthly_sales: jobs(where: {_and: [

client/src/components/dashboard-grid/dashboard-grid.component.jsx

@@ -1,5 +1,5 @@
 import Icon, { SyncOutlined } from "@ant-design/icons";
-import { isEmpty, cloneDeep } from "lodash";
+import { cloneDeep, isEmpty } from "lodash";
 import { useMutation, useQuery } from "@apollo/client";
 import { Button, Dropdown, Space } from "antd";
 import { PageHeader } from "@ant-design/pro-layout";
@@ -28,7 +28,7 @@ const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop
 });
 
-const mapDispatchToProps = (dispatch) => ({
+const mapDispatchToProps = () => ({
   //setUserLanguage: language => dispatch(setUserLanguage(language))
 });
 
@@ -134,7 +134,7 @@ export function DashboardGridComponent({ currentUser, bodyshop }) {
         layouts={state.layouts}
         onLayoutChange={handleLayoutChange}
       >
-        {state.items.map((item, index) => {
+        {state.items.map((item) => {
           const TheComponent = componentList[item.i].component;
           return (
             <div