- reapply proper prettier formatting.

Signed-off-by: Dave Richer <dave@imexsystems.ca>

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

@@ -1,23 +1,28 @@
-import { BranchesOutlined, ExclamationCircleFilled, PauseCircleOutlined, SyncOutlined } from "@ant-design/icons";
-import { useQuery } from "@apollo/client";
-import { Button, Card, Grid, Input, Space, Table, Tooltip } from "antd";
+import {
+  BranchesOutlined,
+  ExclamationCircleFilled,
+  PauseCircleOutlined,
+  SyncOutlined
+} from "@ant-design/icons";
+import {useQuery} from "@apollo/client";
+import {Button, Card, Grid, Input, Space, Table, Tooltip} from "antd";
 import queryString from "query-string";
-import React, { useState } from "react";
-import { useTranslation } from "react-i18next";
-import { connect } from "react-redux";
-import { Link, useLocation, useNavigate } from "react-router-dom";
-import { createStructuredSelector } from "reselect";
-import { QUERY_ALL_ACTIVE_JOBS } from "../../graphql/jobs.queries";
-import { selectBodyshop } from "../../redux/user/user.selectors";
-import { onlyUnique } from "../../utils/arrayHelper";
+import React, {useState} from "react";
+import {useTranslation} from "react-i18next";
+import {connect} from "react-redux";
+import {Link, useLocation, useNavigate} from "react-router-dom";
+import {createStructuredSelector} from "reselect";
+import {QUERY_ALL_ACTIVE_JOBS} from "../../graphql/jobs.queries";
+import {selectBodyshop} from "../../redux/user/user.selectors";
+import {onlyUnique} from "../../utils/arrayHelper";
 import CurrencyFormatter from "../../utils/CurrencyFormatter";
-import { alphaSort, statusSort } from "../../utils/sorters";
+import {alphaSort, statusSort} from "../../utils/sorters";
 import useLocalStorage from "../../utils/useLocalStorage";
 import AlertComponent from "../alert/alert.component";
 import ChatOpenButton from "../chat-open-button/chat-open-button.component";
 import OwnerNameDisplay from "../owner-name-display/owner-name-display.component";
-import { setJoyRideSteps } from "../../redux/application/application.actions";
-import { OwnerNameDisplayFunction } from "./../owner-name-display/owner-name-display.component";
+import {setJoyRideSteps} from "../../redux/application/application.actions";
+import {OwnerNameDisplayFunction} from "./../owner-name-display/owner-name-display.component";
 import InstanceRenderManager from "../../utils/instanceRenderMgr";
 
 const mapStateToProps = createStructuredSelector({
@@ -28,13 +33,13 @@ const mapDispatchToProps = (dispatch) => ({
   setJoyRideSteps: (steps) => dispatch(setJoyRideSteps(steps))
 });
 
-export function JobsList({ bodyshop, setJoyRideSteps }) {
+export function JobsList({bodyshop, setJoyRideSteps}) {
   const searchParams = queryString.parse(useLocation().search);
-  const { selected } = searchParams;
+  const {selected} = searchParams;
   const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
     .filter((screen) => !!screen[1])
     .slice(-1)[0];
-  const { loading, error, data, refetch } = useQuery(QUERY_ALL_ACTIVE_JOBS, {
+  const {loading, error, data, refetch} = useQuery(QUERY_ALL_ACTIVE_JOBS, {
     variables: {
       statuses: bodyshop.md_ro_statuses.active_statuses || ["Open", "Open*"]
     },
@@ -42,36 +47,36 @@ export function JobsList({ bodyshop, setJoyRideSteps }) {
     nextFetchPolicy: "network-only"
   });
 
-  const [state, setState] = useState({ sortedInfo: {} });
+  const [state, setState] = useState({sortedInfo: {}});
   const [filter, setFilter] = useLocalStorage("filter_jobs_list", null);
 
-  const { t } = useTranslation();
+  const {t} = useTranslation();
   const history = useNavigate();
   const [searchText, setSearchText] = useState("");
 
-  if (error) return <AlertComponent message={error.message} type="error" />;
+  if (error) return <AlertComponent message={error.message} type="error"/>;
 
   const jobs = data
     ? searchText === ""
       ? data.jobs
       : data.jobs.filter(
-          (j) =>
-            (j.ro_number || "").toString().toLowerCase().includes(searchText.toLowerCase()) ||
-            (j.ownr_co_nm || "").toLowerCase().includes(searchText.toLowerCase()) ||
-            (j.comments || "").toLowerCase().includes(searchText.toLowerCase()) ||
-            (j.ownr_fn || "").toLowerCase().includes(searchText.toLowerCase()) ||
-            (j.ownr_ln || "").toLowerCase().includes(searchText.toLowerCase()) ||
-            (j.clm_no || "").toLowerCase().includes(searchText.toLowerCase()) ||
-            (j.plate_no || "").toLowerCase().includes(searchText.toLowerCase()) ||
-            (j.v_model_desc || "").toLowerCase().includes(searchText.toLowerCase()) ||
-            (j.est_ct_fn || "").toLowerCase().includes(searchText.toLowerCase()) ||
-            (j.est_ct_ln || "").toLowerCase().includes(searchText.toLowerCase()) ||
-            (j.v_make_desc || "").toLowerCase().includes(searchText.toLowerCase())
-        )
+        (j) =>
+          (j.ro_number || "").toString().toLowerCase().includes(searchText.toLowerCase()) ||
+          (j.ownr_co_nm || "").toLowerCase().includes(searchText.toLowerCase()) ||
+          (j.comments || "").toLowerCase().includes(searchText.toLowerCase()) ||
+          (j.ownr_fn || "").toLowerCase().includes(searchText.toLowerCase()) ||
+          (j.ownr_ln || "").toLowerCase().includes(searchText.toLowerCase()) ||
+          (j.clm_no || "").toLowerCase().includes(searchText.toLowerCase()) ||
+          (j.plate_no || "").toLowerCase().includes(searchText.toLowerCase()) ||
+          (j.v_model_desc || "").toLowerCase().includes(searchText.toLowerCase()) ||
+          (j.est_ct_fn || "").toLowerCase().includes(searchText.toLowerCase()) ||
+          (j.est_ct_ln || "").toLowerCase().includes(searchText.toLowerCase()) ||
+          (j.v_make_desc || "").toLowerCase().includes(searchText.toLowerCase())
+      )
     : [];
 
   const handleTableChange = (pagination, filters, sorter) => {
-    setState({ ...state, sortedInfo: sorter });
+    setState({...state, sortedInfo: sorter});
     setFilter(filters);
   };
 
@@ -102,12 +107,12 @@ export function JobsList({ bodyshop, setJoyRideSteps }) {
           <Space>
             {record.ro_number || t("general.labels.na")}
             {record.production_vars && record.production_vars.alert ? (
-              <ExclamationCircleFilled className="production-alert" />
+              <ExclamationCircleFilled className="production-alert"/>
             ) : null}
-            {record.suspended && <PauseCircleOutlined style={{ color: "orangered" }} />}
+            {record.suspended && <PauseCircleOutlined style={{color: "orangered"}}/>}
             {record.iouparent && (
               <Tooltip title={t("jobs.labels.iou")}>
-                <BranchesOutlined style={{ color: "orangered" }} />
+                <BranchesOutlined style={{color: "orangered"}}/>
               </Tooltip>
             )}
           </Space>
@@ -126,11 +131,11 @@ export function JobsList({ bodyshop, setJoyRideSteps }) {
       render: (text, record) => {
         return record.ownerid ? (
           <Link to={"/manage/owners/" + record.ownerid} onClick={(e) => e.stopPropagation()}>
-            <OwnerNameDisplay ownerObject={record} />
+            <OwnerNameDisplay ownerObject={record}/>
           </Link>
         ) : (
           <span>
-            <OwnerNameDisplay ownerObject={record} />
+            <OwnerNameDisplay ownerObject={record}/>
           </span>
         );
       }
@@ -141,7 +146,7 @@ export function JobsList({ bodyshop, setJoyRideSteps }) {
       key: "ownr_ph1",
       ellipsis: true,
       responsive: ["md"],
-      render: (text, record) => <ChatOpenButton phone={record.ownr_ph1} jobid={record.id} />
+      render: (text, record) => <ChatOpenButton phone={record.ownr_ph1} jobid={record.id}/>
     },
     {
       title: t("jobs.fields.ownr_ph2"),
@@ -149,7 +154,7 @@ export function JobsList({ bodyshop, setJoyRideSteps }) {
       key: "ownr_ph2",
       ellipsis: true,
       responsive: ["md"],
-      render: (text, record) => <ChatOpenButton phone={record.ownr_ph2} jobid={record.id} />
+      render: (text, record) => <ChatOpenButton phone={record.ownr_ph2} jobid={record.id}/>
     },
 
     {
@@ -344,7 +349,7 @@ export function JobsList({ bodyshop, setJoyRideSteps }) {
           })}
 
           <Button onClick={() => refetch()}>
-            <SyncOutlined />
+            <SyncOutlined/>
           </Button>
           <Input.Search
             placeholder={t("general.labels.search")}
@@ -359,7 +364,7 @@ export function JobsList({ bodyshop, setJoyRideSteps }) {
     >
       <Table
         loading={loading}
-        pagination={{ defaultPageSize: 50 }}
+        pagination={{defaultPageSize: 50}}
         columns={columns}
         rowKey="id"
         dataSource={jobs}