Fix Formatting issues

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

client/src/components/task-upsert-modal/task-upsert-modal.component.jsx

@@ -1,58 +1,53 @@
-import {Col, Form, Input, Row, Select, Switch} from "antd";
+import { Col, Form, Input, Row, Select, Switch } from "antd";
 import React from "react";
-import {useTranslation} from "react-i18next";
-import {FormDatePicker} from "../form-date-picker/form-date-picker.component.jsx";
-import {createStructuredSelector} from "reselect";
-import {selectBodyshop, selectCurrentUser} from "../../redux/user/user.selectors.js";
-import dayjs from '../../utils/day';
+import { useTranslation } from "react-i18next";
+import { FormDatePicker } from "../form-date-picker/form-date-picker.component.jsx";
+import { createStructuredSelector } from "reselect";
+import { selectBodyshop, selectCurrentUser } from "../../redux/user/user.selectors.js";
+import dayjs from "../../utils/day";
 
-import {connect} from "react-redux";
+import { connect } from "react-redux";
 import LoadingSkeleton from "../loading-skeleton/loading-skeleton.component.jsx";
 import JobSearchSelectComponent from "../job-search-select/job-search-select.component.jsx";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
-  currentUser: selectCurrentUser,
+  currentUser: selectCurrentUser
 });
 
 const mapDispatchToProps = (dispatch) => ({});
 
-export default connect(
-  mapStateToProps,
-  mapDispatchToProps
-)(TaskUpsertModalComponent);
-
+export default connect(mapStateToProps, mapDispatchToProps)(TaskUpsertModalComponent);
 
 export function TaskUpsertModalComponent({
-                                           form,
-                                           bodyshop,
-                                           currentUser,
-                                           selectedJobId,
-                                           setSelectedJobId,
-                                           selectedJobDetails,
-                                           loading,
-                                           error,
-                                         }) {
-  const {t} = useTranslation();
+  form,
+  bodyshop,
+  currentUser,
+  selectedJobId,
+  setSelectedJobId,
+  selectedJobDetails,
+  loading,
+  error
+}) {
+  const { t } = useTranslation();
 
   const datePickerPresets = [
-    {label: t('tasks.date_presets.today'), value: dayjs()},
-    {label: t('tasks.date_presets.tomorrow'), value: dayjs().add(1, 'day')},
-    {label: t('tasks.date_presets.next_week'), value: dayjs().add(1, 'week')},
-    {label: t('tasks.date_presets.two_weeks'), value: dayjs().add(2, 'weeks')},
-    {label: t('tasks.date_presets.three_weeks'), value: dayjs().add(3, 'weeks')},
-    {label: t('tasks.date_presets.one_month'), value: dayjs().add(1, 'month')},
-    {label: t('tasks.date_presets.three_months'), value: dayjs().add(3, 'month')},
-
+    { label: t("tasks.date_presets.today"), value: dayjs() },
+    { label: t("tasks.date_presets.tomorrow"), value: dayjs().add(1, "day") },
+    { label: t("tasks.date_presets.next_week"), value: dayjs().add(1, "week") },
+    { label: t("tasks.date_presets.two_weeks"), value: dayjs().add(2, "weeks") },
+    { label: t("tasks.date_presets.three_weeks"), value: dayjs().add(3, "weeks") },
+    { label: t("tasks.date_presets.one_month"), value: dayjs().add(1, "month") },
+    { label: t("tasks.date_presets.three_months"), value: dayjs().add(3, "month") }
   ];
-  
+
   const clearRelations = () => {
     form.setFieldsValue({
       billid: null,
       partsorderid: null,
       joblineid: null
     });
-  }
+  };
 
   /**
    * Change the selected job id
@@ -64,8 +59,7 @@ export function TaskUpsertModalComponent({
     clearRelations();
   };
 
-  
-  if (loading || error) return <LoadingSkeleton active/>;
+  if (loading || error) return <LoadingSkeleton active />;
 
   return (
     <>
@@ -76,24 +70,20 @@ export function TaskUpsertModalComponent({
             name="title"
             rules={[
               {
-                required: true,
-              },
+                required: true
+              }
             ]}
           >
-            <Input placeholder={t("tasks.fields.title")}/>
+            <Input placeholder={t("tasks.fields.title")} />
           </Form.Item>
         </Col>
         <Col span={4}>
-          <Form.Item
-            label={t("tasks.fields.priority")}
-            name="priority"
-            initialValue={3}
-          >
+          <Form.Item label={t("tasks.fields.priority")} name="priority" initialValue={3}>
             <Select
               options={[
-                {value: 3, label: t("tasks.fields.priorities.low")},
-                {value: 2, label: t("tasks.fields.priorities.medium")},
-                {value: 1, label: t("tasks.fields.priorities.high")},
+                { value: 3, label: t("tasks.fields.priorities.low") },
+                { value: 2, label: t("tasks.fields.priorities.medium") },
+                { value: 1, label: t("tasks.fields.priorities.high") }
               ]}
             />
           </Form.Item>
@@ -106,11 +96,11 @@ export function TaskUpsertModalComponent({
             initialValue={false}
             rules={[
               {
-                required: true,
-              },
+                required: true
+              }
             ]}
           >
-            <Switch/>
+            <Switch />
           </Form.Item>
         </Col>
       </Row>
@@ -122,23 +112,27 @@ export function TaskUpsertModalComponent({
             label={t("tasks.fields.jobid")}
             rules={[
               {
-                required: true,
-              },
+                required: true
+              }
             ]}
           >
-            <JobSearchSelectComponent placeholder={t('tasks.placeholders.jobid')}
-                                      onSelect={changeJobId} onClear={changeJobId}  autoFocus={false}/>
+            <JobSearchSelectComponent
+              placeholder={t("tasks.placeholders.jobid")}
+              onSelect={changeJobId}
+              onClear={changeJobId}
+              autoFocus={false}
+            />
           </Form.Item>
         </Col>
       </Row>
       <Row gutter={[16, 16]}>
         <Col span={8}>
-          <Form.Item
-            label={t("tasks.fields.joblineid")}
-            name="joblineid"
-          >
-            <Select allowClear placeholder={t("tasks.placeholders.joblineid")}
-                    disabled={!selectedJobDetails || !selectedJobId}>
+          <Form.Item label={t("tasks.fields.joblineid")} name="joblineid">
+            <Select
+              allowClear
+              placeholder={t("tasks.placeholders.joblineid")}
+              disabled={!selectedJobDetails || !selectedJobId}
+            >
               {selectedJobDetails?.joblines?.map((jobline) => (
                 <Select.Option key={jobline.id} value={jobline.id}>
                   {jobline.line_desc}
@@ -148,12 +142,12 @@ export function TaskUpsertModalComponent({
           </Form.Item>
         </Col>
         <Col span={8}>
-          <Form.Item
-            label={t("tasks.fields.partsorderid")}
-            name="partsorderid"
-          >
-            <Select allowClear placeholder={t("tasks.placeholders.partsorderid")}
-                    disabled={!selectedJobDetails || !selectedJobId}>
+          <Form.Item label={t("tasks.fields.partsorderid")} name="partsorderid">
+            <Select
+              allowClear
+              placeholder={t("tasks.placeholders.partsorderid")}
+              disabled={!selectedJobDetails || !selectedJobId}
+            >
               {selectedJobDetails?.parts_orders?.map((partsOrder) => (
                 <Select.Option key={partsOrder.id} value={partsOrder.id}>
                   {partsOrder.order_number} - {partsOrder.vendor.name}
@@ -163,12 +157,12 @@ export function TaskUpsertModalComponent({
           </Form.Item>
         </Col>
         <Col span={8}>
-          <Form.Item
-            label={t("tasks.fields.billid")}
-            name="billid"
-          >
-            <Select allowClear placeholder={t("tasks.placeholders.billid")}
-                    disabled={!selectedJobDetails || !selectedJobId}>
+          <Form.Item label={t("tasks.fields.billid")} name="billid">
+            <Select
+              allowClear
+              placeholder={t("tasks.placeholders.billid")}
+              disabled={!selectedJobDetails || !selectedJobId}
+            >
               {selectedJobDetails?.bills?.map((bill) => (
                 <Select.Option key={bill.id} value={bill.id}>
                   {bill.invoice_number} - {bill.vendor.name}
@@ -186,46 +180,36 @@ export function TaskUpsertModalComponent({
             initialValue={currentUser.email}
             rules={[
               {
-                required: true,
-              },
+                required: true
+              }
             ]}
           >
             <Select placeholder={t("tasks.placeholders.assigned_to")}>
-              {bodyshop.employees.filter(x => x.active).map((employee) => (
-                <Select.Option key={employee.id} value={employee.user_email}>
-                  {employee.first_name} {employee.last_name}
-                </Select.Option>
-              ))}
+              {bodyshop.employees
+                .filter((x) => x.active)
+                .map((employee) => (
+                  <Select.Option key={employee.id} value={employee.user_email}>
+                    {employee.first_name} {employee.last_name}
+                  </Select.Option>
+                ))}
             </Select>
           </Form.Item>
         </Col>
         <Col span={8}>
-          <Form.Item
-            label={t("tasks.fields.due_date")}
-            name="due_date"
-          >
-            <FormDatePicker format="MM/DD/YYYY" presets={datePickerPresets}/>
+          <Form.Item label={t("tasks.fields.due_date")} name="due_date">
+            <FormDatePicker format="MM/DD/YYYY" presets={datePickerPresets} />
           </Form.Item>
         </Col>
         <Col span={8}>
-          <Form.Item
-            label={t("tasks.fields.remind_at")}
-            name="remind_at"
-          >
-            <FormDatePicker format="MM/DD/YYYY" presets={datePickerPresets}/>
+          <Form.Item label={t("tasks.fields.remind_at")} name="remind_at">
+            <FormDatePicker format="MM/DD/YYYY" presets={datePickerPresets} />
           </Form.Item>
         </Col>
       </Row>
       <Row gutter={[16, 16]}>
         <Col span={24}>
-          <Form.Item
-            label={t("tasks.fields.description")}
-            name="description"
-          >
-            <Input.TextArea
-              rows={8}
-              placeholder={t("tasks.fields.description")}
-            />
+          <Form.Item label={t("tasks.fields.description")} name="description">
+            <Input.TextArea rows={8} placeholder={t("tasks.fields.description")} />
           </Form.Item>
         </Col>
       </Row>